55672eda4a
Backed out changeset d3c9e777a050 (bug 1676068) Backed out changeset 639c9661c850 (bug 1676068) Backed out changeset d06b6aa3b9a3 (bug 1676068) Backed out changeset 50bb7e9c6bcf (bug 1676068) Backed out changeset 234acd14548e (bug 1676068) Backed out changeset 04050cfd5e3f (bug 1676068) Backed out changeset a06081c85646 (bug 1676068)
59 lines
2.1 KiB
HTML
59 lines
2.1 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
|
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
<!DOCTYPE html [
|
|
<!ENTITY % htmlDTD PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
%htmlDTD;
|
|
]>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
<head>
|
|
<title>Date Picker</title>
|
|
<link rel="stylesheet" href="chrome://global/skin/datetimeinputpickers.css"/>
|
|
<script src="chrome://global/content/bindings/datekeeper.js"></script>
|
|
<script src="chrome://global/content/bindings/spinner.js"></script>
|
|
<script src="chrome://global/content/bindings/calendar.js"></script>
|
|
<script src="chrome://global/content/bindings/datepicker.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="date-picker">
|
|
<div class="calendar-container">
|
|
<div class="nav">
|
|
<button class="prev"/>
|
|
<button class="next"/>
|
|
</div>
|
|
<div class="week-header"></div>
|
|
<div class="days-viewport">
|
|
<div class="days-view"></div>
|
|
</div>
|
|
</div>
|
|
<div class="month-year-container">
|
|
<button class="month-year"/>
|
|
</div>
|
|
<div class="month-year-view"></div>
|
|
</div>
|
|
<template id="spinner-template">
|
|
<div class="spinner-container">
|
|
<button class="up"/>
|
|
<div class="spinner"></div>
|
|
<button class="down"/>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
/* import-globals-from widgets/datepicker.js */
|
|
// Create a DatePicker instance and prepare to be
|
|
// initialized by the "DatePickerInit" event from datetimepopup.xml
|
|
const root = document.getElementById("date-picker");
|
|
new DatePicker({
|
|
monthYear: root.querySelector(".month-year"),
|
|
monthYearView: root.querySelector(".month-year-view"),
|
|
buttonPrev: root.querySelector(".prev"),
|
|
buttonNext: root.querySelector(".next"),
|
|
weekHeader: root.querySelector(".week-header"),
|
|
daysView: root.querySelector(".days-view"),
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|