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 | */
|
8 | export 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}. */
|
63 | export 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 | */
|
80 | export 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 |