UNPKG

3.61 kBJavaScriptView Raw
1/**
2 * The UI elements composing DayPicker. These elements are mapped to
3 * {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
4 * DayPicker.
5 *
6 * Some of these elements are extended by flags and modifiers.
7 */
8export var UI;
9(function (UI) {
10 /** The previous button in the navigation. */
11 UI["ButtonPrevious"] = "button_previous";
12 /** The next button the navigation. */
13 UI["ButtonNext"] = "button_next";
14 /** The root component displaying the months and the navigation bar. */
15 UI["Root"] = "root";
16 /** The Chevron SVG element used by navigation buttons and dropdowns. */
17 UI["Chevron"] = "chevron";
18 /**
19 * The grid cell with the day's date. Extended by {@link DayFlag} and
20 * {@link SelectionFlag}.
21 */
22 UI["Day"] = "day";
23 /** The button containing the formatted day's date, inside the grid cell. */
24 UI["DayButton"] = "day_button";
25 /** The caption label of the month (when not showing the dropdown navigation). */
26 UI["CaptionLabel"] = "caption_label";
27 /** The container of the dropdown navigation (when enabled). */
28 UI["Dropdowns"] = "dropdowns";
29 /** The dropdown element to select for years and months. */
30 UI["Dropdown"] = "dropdown";
31 /** The container element of the dropdown. */
32 UI["DropdownRoot"] = "dropdown_root";
33 /** The root element of the footer. */
34 UI["Footer"] = "footer";
35 /** The month grid. */
36 UI["MonthGrid"] = "month_grid";
37 /** Contains the dropdown navigation or the caption label. */
38 UI["MonthCaption"] = "month_caption";
39 /** The dropdown with the months. */
40 UI["MonthsDropdown"] = "months_dropdown";
41 /** Wrapper of the month grid. */
42 UI["Month"] = "month";
43 /** The container of the displayed months. */
44 UI["Months"] = "months";
45 /** The navigation bar with the previous and next buttons. */
46 UI["Nav"] = "nav";
47 /** The row containing the week. */
48 UI["Week"] = "week";
49 /** The group of row weeks in a month (`tbody`). */
50 UI["Weeks"] = "weeks";
51 /** The column header with the weekday. */
52 UI["Weekday"] = "weekday";
53 /** The row grouping the weekdays in the column headers. */
54 UI["Weekdays"] = "weekdays";
55 /** The cell containing the week number. */
56 UI["WeekNumber"] = "week_number";
57 /** The cell header of the week numbers column. */
58 UI["WeekNumberHeader"] = "week_number_header";
59 /** The dropdown with the years. */
60 UI["YearsDropdown"] = "years_dropdown";
61})(UI || (UI = {}));
62/** The flags for the {@link UI.Day}. */
63export var DayFlag;
64(function (DayFlag) {
65 /** The day is disabled. */
66 DayFlag["disabled"] = "disabled";
67 /** The day is hidden. */
68 DayFlag["hidden"] = "hidden";
69 /** The day is outside the current month. */
70 DayFlag["outside"] = "outside";
71 /** The day is focused. */
72 DayFlag["focused"] = "focused";
73 /** The day is today. */
74 DayFlag["today"] = "today";
75})(DayFlag || (DayFlag = {}));
76/**
77 * The state that can be applied to the {@link UI.Day} element when in selection
78 * mode.
79 */
80export var SelectionState;
81(function (SelectionState) {
82 /** The day is at the end of a selected range. */
83 SelectionState["range_end"] = "range_end";
84 /** The day is at the middle of a selected range. */
85 SelectionState["range_middle"] = "range_middle";
86 /** The day is at the start of a selected range. */
87 SelectionState["range_start"] = "range_start";
88 /** The day is selected. */
89 SelectionState["selected"] = "selected";
90})(SelectionState || (SelectionState = {}));
91//# sourceMappingURL=UI.js.map
\No newline at end of file