@navikt/ds-react 1.3.24 → 1.3.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_docs.json +5 -0
- package/cjs/date/datepicker/DatePicker.js +3 -1
- package/cjs/date/datepicker/DatePickerStandalone.js +3 -1
- package/cjs/date/datepicker/DayButton.js +1 -1
- package/cjs/date/datepicker/Head.js +17 -0
- package/cjs/date/datepicker/caption/Caption.js +2 -2
- package/cjs/date/datepicker/caption/DropdownCaption.js +2 -2
- package/cjs/date/monthpicker/MonthButton.js +1 -0
- package/cjs/date/utils/parse-date.js +2 -1
- package/esm/date/datepicker/DatePicker.js +3 -1
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePickerStandalone.js +3 -1
- package/esm/date/datepicker/DatePickerStandalone.js.map +1 -1
- package/esm/date/datepicker/DayButton.js +1 -1
- package/esm/date/datepicker/DayButton.js.map +1 -1
- package/esm/date/datepicker/Head.d.ts +3 -0
- package/esm/date/datepicker/Head.js +11 -0
- package/esm/date/datepicker/Head.js.map +1 -0
- package/esm/date/datepicker/caption/Caption.js +2 -2
- package/esm/date/datepicker/caption/Caption.js.map +1 -1
- package/esm/date/datepicker/caption/DropdownCaption.js +2 -2
- package/esm/date/datepicker/caption/DropdownCaption.js.map +1 -1
- package/esm/date/monthpicker/MonthButton.js +1 -0
- package/esm/date/monthpicker/MonthButton.js.map +1 -1
- package/esm/date/utils/parse-date.d.ts +1 -1
- package/esm/date/utils/parse-date.js +2 -1
- package/esm/date/utils/parse-date.js.map +1 -1
- package/package.json +3 -3
- package/src/date/datepicker/DatePicker.tsx +4 -0
- package/src/date/datepicker/DatePickerStandalone.tsx +4 -0
- package/src/date/datepicker/DayButton.tsx +1 -0
- package/src/date/datepicker/Head.tsx +13 -0
- package/src/date/datepicker/caption/Caption.tsx +2 -0
- package/src/date/datepicker/caption/DropdownCaption.tsx +2 -0
- package/src/date/datepicker/datepicker.stories.tsx +1 -5
- package/src/date/monthpicker/MonthButton.tsx +1 -0
- package/src/date/utils/parse-date.ts +2 -1
package/_docs.json
CHANGED
|
@@ -8631,6 +8631,11 @@
|
|
|
8631
8631
|
"displayName": "DayButton",
|
|
8632
8632
|
"props": {}
|
|
8633
8633
|
},
|
|
8634
|
+
{
|
|
8635
|
+
"filePath": "src/date/datepicker/Head.tsx",
|
|
8636
|
+
"displayName": "Head",
|
|
8637
|
+
"props": {}
|
|
8638
|
+
},
|
|
8634
8639
|
{
|
|
8635
8640
|
"filePath": "src/date/hooks/useDatepicker.tsx",
|
|
8636
8641
|
"displayName": "useDatepicker",
|
|
@@ -49,6 +49,7 @@ const utils_1 = require("../utils");
|
|
|
49
49
|
const caption_1 = require("./caption");
|
|
50
50
|
const DatePickerStandalone_1 = __importDefault(require("./DatePickerStandalone"));
|
|
51
51
|
const DayButton_1 = require("./DayButton");
|
|
52
|
+
const Head_1 = require("./Head");
|
|
52
53
|
exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
53
54
|
var _b;
|
|
54
55
|
var { children, locale = "nb", dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, className, wrapperClassName, open: _open, onClose, onOpenToggle } = _a, rest = __rest(_a, ["children", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "className", "wrapperClassName", "open", "onClose", "onOpenToggle"]);
|
|
@@ -99,6 +100,7 @@ exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
99
100
|
react_1.default.createElement(react_day_picker_1.DayPicker, Object.assign({ locale: (0, utils_1.getLocaleFromString)(locale) }, overrideProps, { selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
|
|
100
101
|
Caption: dropdownCaption ? caption_1.DropdownCaption : caption_1.Caption,
|
|
101
102
|
Day: DayButton_1.DayButton,
|
|
103
|
+
Head: Head_1.Head,
|
|
102
104
|
}, className: (0, clsx_1.default)("navds-date", className), classNames: {
|
|
103
105
|
vhidden: "navds-sr-only",
|
|
104
106
|
}, disabled: (day) => {
|
|
@@ -108,7 +110,7 @@ exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
108
110
|
weekend: (day) => disableWeekends && (0, isWeekend_1.default)(day),
|
|
109
111
|
}, modifiersClassNames: {
|
|
110
112
|
weekend: "rdp-day__weekend",
|
|
111
|
-
}, showWeekNumber: showWeekNumber }, (0, __1.omit)(rest, ["onSelect"]))))))));
|
|
113
|
+
}, showWeekNumber: showWeekNumber, fixedWeeks: true, showOutsideDays: true }, (0, __1.omit)(rest, ["onSelect"]))))))));
|
|
112
114
|
});
|
|
113
115
|
exports.DatePicker.Standalone = DatePickerStandalone_1.default;
|
|
114
116
|
exports.DatePicker.Input = DateInput_1.DatePickerInput;
|
|
@@ -45,6 +45,7 @@ const react_day_picker_1 = require("react-day-picker");
|
|
|
45
45
|
const __1 = require("../..");
|
|
46
46
|
const utils_1 = require("../utils");
|
|
47
47
|
const caption_1 = require("./caption");
|
|
48
|
+
const Head_1 = require("./Head");
|
|
48
49
|
exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
|
|
49
50
|
var _b;
|
|
50
51
|
var { children, className, locale = "nb", dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, onSelect } = _a, rest = __rest(_a, ["children", "className", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "onSelect"]);
|
|
@@ -72,12 +73,13 @@ exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
72
73
|
return (react_1.default.createElement("div", { ref: ref, className: (0, clsx_1.default)("navds-date__standalone-wrapper", className) },
|
|
73
74
|
react_1.default.createElement(react_day_picker_1.DayPicker, Object.assign({ locale: (0, utils_1.getLocaleFromString)(locale) }, overrideProps, { selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
|
|
74
75
|
Caption: dropdownCaption ? caption_1.DropdownCaption : caption_1.Caption,
|
|
76
|
+
Head: Head_1.Head,
|
|
75
77
|
}, className: "navds-date", classNames: { vhidden: "navds-sr-only" }, disabled: (day) => {
|
|
76
78
|
return ((disableWeekends && (0, isWeekend_1.default)(day)) || (0, react_day_picker_1.isMatch)(day, disabled));
|
|
77
79
|
}, weekStartsOn: 1, initialFocus: false, labels: utils_1.labels, modifiers: {
|
|
78
80
|
weekend: (day) => disableWeekends && (0, isWeekend_1.default)(day),
|
|
79
81
|
}, modifiersClassNames: {
|
|
80
82
|
weekend: "rdp-day__weekend",
|
|
81
|
-
}, showWeekNumber: showWeekNumber }, (0, __1.omit)(rest, ["onSelect"])))));
|
|
83
|
+
}, showWeekNumber: showWeekNumber, fixedWeeks: true, showOutsideDays: true }, (0, __1.omit)(rest, ["onSelect"])))));
|
|
82
84
|
});
|
|
83
85
|
exports.default = exports.DatePickerStandalone;
|
|
@@ -41,6 +41,6 @@ const DayButton = (props) => {
|
|
|
41
41
|
if (!dayRender.isButton) {
|
|
42
42
|
return react_1.default.createElement("div", Object.assign({}, dayRender.divProps));
|
|
43
43
|
}
|
|
44
|
-
return (react_1.default.createElement(react_day_picker_1.Button, Object.assign({ name: "day", ref: buttonRef }, dayRender.buttonProps, { "aria-label": dateTime })));
|
|
44
|
+
return (react_1.default.createElement(react_day_picker_1.Button, Object.assign({ name: "day", ref: buttonRef }, dayRender.buttonProps, { "aria-label": dateTime, "aria-hidden": dayRender.activeModifiers.outside })));
|
|
45
45
|
};
|
|
46
46
|
exports.DayButton = DayButton;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Head = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_day_picker_1 = require("react-day-picker");
|
|
9
|
+
/** Render the table head. */
|
|
10
|
+
function Head() {
|
|
11
|
+
var _a;
|
|
12
|
+
const { classNames, styles, components } = (0, react_day_picker_1.useDayPicker)();
|
|
13
|
+
const HeadRowComponent = (_a = components === null || components === void 0 ? void 0 : components.HeadRow) !== null && _a !== void 0 ? _a : react_day_picker_1.HeadRow;
|
|
14
|
+
return (react_1.default.createElement("thead", { style: styles.head, className: classNames.head, "aria-hidden": true },
|
|
15
|
+
react_1.default.createElement(HeadRowComponent, null)));
|
|
16
|
+
}
|
|
17
|
+
exports.Head = Head;
|
|
@@ -16,8 +16,8 @@ const DatePickerCaption = ({ displayMonth, id }) => {
|
|
|
16
16
|
return (react_1.default.createElement("div", { className: "navds-date__caption" },
|
|
17
17
|
react_1.default.createElement(__1.Label, { as: "span", "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-date__caption-label" }, formatCaption(displayMonth, { locale })),
|
|
18
18
|
react_1.default.createElement("div", { className: "navds-date__caption__month-wrapper" },
|
|
19
|
-
react_1.default.createElement(__1.Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(ds_icons_1.Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button" }),
|
|
20
|
-
react_1.default.createElement(__1.Button, { "aria-label": nextLabel, icon: react_1.default.createElement(ds_icons_1.Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button" }))));
|
|
19
|
+
react_1.default.createElement(__1.Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(ds_icons_1.Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
|
|
20
|
+
react_1.default.createElement(__1.Button, { "aria-label": nextLabel, icon: react_1.default.createElement(ds_icons_1.Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" }))));
|
|
21
21
|
};
|
|
22
22
|
exports.DatePickerCaption = DatePickerCaption;
|
|
23
23
|
exports.default = exports.DatePickerCaption;
|
|
@@ -30,11 +30,11 @@ const DropdownCaption = ({ displayMonth, id }) => {
|
|
|
30
30
|
const MonthDropdownLabel = (0, labels_1.labelMonthDropdown)(locale);
|
|
31
31
|
return (react_1.default.createElement("div", { className: "navds-date__caption-dropdown" },
|
|
32
32
|
react_1.default.createElement("span", { "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-sr-only" }, formatCaption(displayMonth, { locale })),
|
|
33
|
-
react_1.default.createElement(__1.Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(ds_icons_1.Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button" }),
|
|
33
|
+
react_1.default.createElement(__1.Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(ds_icons_1.Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
|
|
34
34
|
react_1.default.createElement("div", { className: "navds-date__caption__month-wrapper" },
|
|
35
35
|
react_1.default.createElement(__1.Select, { label: MonthDropdownLabel, hideLabel: true, className: "navds-date__caption__month", value: displayMonth.getMonth(), onChange: handleMonthChange }, months.map((m) => (react_1.default.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale }))))),
|
|
36
36
|
react_1.default.createElement(__1.Select, { label: yearDropdownLabel, hideLabel: true, value: displayMonth.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (react_1.default.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))),
|
|
37
|
-
react_1.default.createElement(__1.Button, { "aria-label": nextLabel, icon: react_1.default.createElement(ds_icons_1.Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button" })));
|
|
37
|
+
react_1.default.createElement(__1.Button, { "aria-label": nextLabel, icon: react_1.default.createElement(ds_icons_1.Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })));
|
|
38
38
|
};
|
|
39
39
|
exports.DropdownCaption = DropdownCaption;
|
|
40
40
|
exports.default = exports.DropdownCaption;
|
|
@@ -69,6 +69,7 @@ const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) =
|
|
|
69
69
|
}), tabIndex: tabRoot && (0, isSameMonth_1.default)(month, (0, setYear_1.default)(tabRoot, year.getFullYear()))
|
|
70
70
|
? 0
|
|
71
71
|
: -1, onKeyDown: (e) => {
|
|
72
|
+
e.preventDefault();
|
|
72
73
|
const next = (0, utils_1.nextEnabled)(months, e.key, disabled, month, toYear, year, hasDropdown, fromDate, toDate);
|
|
73
74
|
setFocus(next);
|
|
74
75
|
setTabRoot(next);
|
|
@@ -7,7 +7,7 @@ exports.parseDate = exports.INPUT_DATE_STRING_FORMAT_MONTH = exports.INPUT_DATE_
|
|
|
7
7
|
const parse_1 = __importDefault(require("date-fns/parse"));
|
|
8
8
|
const _1 = require(".");
|
|
9
9
|
exports.INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
|
|
10
|
-
exports.INPUT_DATE_STRING_FORMAT_MONTH = "
|
|
10
|
+
exports.INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
|
|
11
11
|
const ALLOWED_INPUT_FORMATS_DATE = [
|
|
12
12
|
"ddMMyy",
|
|
13
13
|
"d.M.yy",
|
|
@@ -27,6 +27,7 @@ const ALLOWED_INPUT_FORMATS_MONTH = [
|
|
|
27
27
|
"MM-yyyy",
|
|
28
28
|
"MM.yyyy",
|
|
29
29
|
exports.INPUT_DATE_STRING_FORMAT_MONTH,
|
|
30
|
+
...ALLOWED_INPUT_FORMATS_DATE,
|
|
30
31
|
];
|
|
31
32
|
const parseDate = (date, today, locale, type) => {
|
|
32
33
|
let parsed;
|
|
@@ -20,6 +20,7 @@ import { getLocaleFromString, labels } from "../utils";
|
|
|
20
20
|
import { Caption, DropdownCaption } from "./caption";
|
|
21
21
|
import DatePickerStandalone from "./DatePickerStandalone";
|
|
22
22
|
import { DayButton } from "./DayButton";
|
|
23
|
+
import { Head } from "./Head";
|
|
23
24
|
export const DatePicker = forwardRef((_a, ref) => {
|
|
24
25
|
var _b;
|
|
25
26
|
var { children, locale = "nb", dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, className, wrapperClassName, open: _open, onClose, onOpenToggle } = _a, rest = __rest(_a, ["children", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "className", "wrapperClassName", "open", "onClose", "onOpenToggle"]);
|
|
@@ -70,6 +71,7 @@ export const DatePicker = forwardRef((_a, ref) => {
|
|
|
70
71
|
React.createElement(DayPicker, Object.assign({ locale: getLocaleFromString(locale) }, overrideProps, { selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
|
|
71
72
|
Caption: dropdownCaption ? DropdownCaption : Caption,
|
|
72
73
|
Day: DayButton,
|
|
74
|
+
Head: Head,
|
|
73
75
|
}, className: cl("navds-date", className), classNames: {
|
|
74
76
|
vhidden: "navds-sr-only",
|
|
75
77
|
}, disabled: (day) => {
|
|
@@ -79,7 +81,7 @@ export const DatePicker = forwardRef((_a, ref) => {
|
|
|
79
81
|
weekend: (day) => disableWeekends && isWeekend(day),
|
|
80
82
|
}, modifiersClassNames: {
|
|
81
83
|
weekend: "rdp-day__weekend",
|
|
82
|
-
}, showWeekNumber: showWeekNumber }, omit(rest, ["onSelect"]))))))));
|
|
84
|
+
}, showWeekNumber: showWeekNumber, fixedWeeks: true, showOutsideDays: true }, omit(rest, ["onSelect"]))))))));
|
|
83
85
|
});
|
|
84
86
|
DatePicker.Standalone = DatePickerStandalone;
|
|
85
87
|
DatePicker.Input = DatePickerInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAEL,SAAS,EAET,OAAO,GAKR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAiB,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ import { DayPicker, isMatch, } from "react-day-picker";
|
|
|
16
16
|
import { omit } from "../..";
|
|
17
17
|
import { getLocaleFromString, labels } from "../utils";
|
|
18
18
|
import { Caption, DropdownCaption } from "./caption";
|
|
19
|
+
import { Head } from "./Head";
|
|
19
20
|
export const DatePickerStandalone = forwardRef((_a, ref) => {
|
|
20
21
|
var _b;
|
|
21
22
|
var { children, className, locale = "nb", dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, id, defaultSelected, onSelect } = _a, rest = __rest(_a, ["children", "className", "locale", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "id", "defaultSelected", "onSelect"]);
|
|
@@ -43,13 +44,14 @@ export const DatePickerStandalone = forwardRef((_a, ref) => {
|
|
|
43
44
|
return (React.createElement("div", { ref: ref, className: cl("navds-date__standalone-wrapper", className) },
|
|
44
45
|
React.createElement(DayPicker, Object.assign({ locale: getLocaleFromString(locale) }, overrideProps, { selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
|
|
45
46
|
Caption: dropdownCaption ? DropdownCaption : Caption,
|
|
47
|
+
Head: Head,
|
|
46
48
|
}, className: "navds-date", classNames: { vhidden: "navds-sr-only" }, disabled: (day) => {
|
|
47
49
|
return ((disableWeekends && isWeekend(day)) || isMatch(day, disabled));
|
|
48
50
|
}, weekStartsOn: 1, initialFocus: false, labels: labels, modifiers: {
|
|
49
51
|
weekend: (day) => disableWeekends && isWeekend(day),
|
|
50
52
|
}, modifiersClassNames: {
|
|
51
53
|
weekend: "rdp-day__weekend",
|
|
52
|
-
}, showWeekNumber: showWeekNumber }, omit(rest, ["onSelect"])))));
|
|
54
|
+
}, showWeekNumber: showWeekNumber, fixedWeeks: true, showOutsideDays: true }, omit(rest, ["onSelect"])))));
|
|
53
55
|
});
|
|
54
56
|
export default DatePickerStandalone;
|
|
55
57
|
//# sourceMappingURL=DatePickerStandalone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,SAAS,EACT,OAAO,GAIR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,6 @@ export const DayButton = (props) => {
|
|
|
12
12
|
if (!dayRender.isButton) {
|
|
13
13
|
return React.createElement("div", Object.assign({}, dayRender.divProps));
|
|
14
14
|
}
|
|
15
|
-
return (React.createElement(Button, Object.assign({ name: "day", ref: buttonRef }, dayRender.buttonProps, { "aria-label": dateTime })));
|
|
15
|
+
return (React.createElement(Button, Object.assign({ name: "day", ref: buttonRef }, dayRender.buttonProps, { "aria-label": dateTime, "aria-hidden": dayRender.activeModifiers.outside })));
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=DayButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayButton.js","sourceRoot":"","sources":["../../../src/date/datepicker/DayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAE1D,IAAI,SAAS,CAAC,QAAQ,EAAE;QACtB,OAAO,yCAAK,CAAC;KACd;IACD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;QACvB,OAAO,6CAAS,SAAS,CAAC,QAAQ,EAAI,CAAC;KACxC;IAED,OAAO,CACL,oBAAC,MAAM,kBACL,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,SAAS,IACV,SAAS,CAAC,WAAW,kBACb,QAAQ,
|
|
1
|
+
{"version":3,"file":"DayButton.js","sourceRoot":"","sources":["../../../src/date/datepicker/DayButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAE1D,IAAI,SAAS,CAAC,QAAQ,EAAE;QACtB,OAAO,yCAAK,CAAC;KACd;IACD,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;QACvB,OAAO,6CAAS,SAAS,CAAC,QAAQ,EAAI,CAAC;KACxC;IAED,OAAO,CACL,oBAAC,MAAM,kBACL,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,SAAS,IACV,SAAS,CAAC,WAAW,kBACb,QAAQ,iBACP,SAAS,CAAC,eAAe,CAAC,OAAO,IAC9C,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HeadRow, useDayPicker } from "react-day-picker";
|
|
3
|
+
/** Render the table head. */
|
|
4
|
+
export function Head() {
|
|
5
|
+
var _a;
|
|
6
|
+
const { classNames, styles, components } = useDayPicker();
|
|
7
|
+
const HeadRowComponent = (_a = components === null || components === void 0 ? void 0 : components.HeadRow) !== null && _a !== void 0 ? _a : HeadRow;
|
|
8
|
+
return (React.createElement("thead", { style: styles.head, className: classNames.head, "aria-hidden": true },
|
|
9
|
+
React.createElement(HeadRowComponent, null)));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=Head.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../src/date/datepicker/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,6BAA6B;AAC7B,MAAM,UAAU,IAAI;;IAClB,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IAC1D,MAAM,gBAAgB,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,mCAAI,OAAO,CAAC;IACxD,OAAO,CACL,+BAAO,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI;QACnD,oBAAC,gBAAgB,OAAG,CACd,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -10,8 +10,8 @@ export const DatePickerCaption = ({ displayMonth, id }) => {
|
|
|
10
10
|
return (React.createElement("div", { className: "navds-date__caption" },
|
|
11
11
|
React.createElement(Label, { as: "span", "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-date__caption-label" }, formatCaption(displayMonth, { locale })),
|
|
12
12
|
React.createElement("div", { className: "navds-date__caption__month-wrapper" },
|
|
13
|
-
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button" }),
|
|
14
|
-
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button" }))));
|
|
13
|
+
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
|
|
14
|
+
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" }))));
|
|
15
15
|
};
|
|
16
16
|
export default DatePickerCaption;
|
|
17
17
|
//# sourceMappingURL=Caption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EACJ,MAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,GACP,GAAG,YAAY,EAAE,CAAC;IAEnB,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IACJ,EAAE,EAAC,MAAM,eACC,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,2BAA2B,IAEpC,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAClC;QAER,6BAAK,SAAS,EAAC,oCAAoC;YACjD,oBAAC,MAAM,kBACO,aAAa,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,EACxD,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAC,yBAAoB,GAAG,EACzC,SAAS,EAAC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EACJ,MAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,GACP,GAAG,YAAY,EAAE,CAAC;IAEnB,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IACJ,EAAE,EAAC,MAAM,eACC,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,2BAA2B,IAEpC,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAClC;QAER,6BAAK,SAAS,EAAC,oCAAoC;YACjD,oBAAC,MAAM,kBACO,aAAa,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,EACxD,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAC,yBAAoB,GAAG,EACzC,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb;YACF,oBAAC,MAAM,kBACO,SAAS,EACrB,IAAI,EAAE,oBAAC,KAAK,IAAC,KAAK,EAAC,uBAAkB,GAAG,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,QAAQ,GACb,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -24,11 +24,11 @@ export const DropdownCaption = ({ displayMonth, id }) => {
|
|
|
24
24
|
const MonthDropdownLabel = labelMonthDropdown(locale);
|
|
25
25
|
return (React.createElement("div", { className: "navds-date__caption-dropdown" },
|
|
26
26
|
React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-sr-only" }, formatCaption(displayMonth, { locale })),
|
|
27
|
-
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button" }),
|
|
27
|
+
React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(Left, { title: "velg forrige m\u00E5ned" }), className: "navds-date__caption-button", type: "button" }),
|
|
28
28
|
React.createElement("div", { className: "navds-date__caption__month-wrapper" },
|
|
29
29
|
React.createElement(Select, { label: MonthDropdownLabel, hideLabel: true, className: "navds-date__caption__month", value: displayMonth.getMonth(), onChange: handleMonthChange }, months.map((m) => (React.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale }))))),
|
|
30
30
|
React.createElement(Select, { label: yearDropdownLabel, hideLabel: true, value: displayMonth.getFullYear(), onChange: handleYearChange, className: "navds-date__caption__year" }, years.map((year) => (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))),
|
|
31
|
-
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button" })));
|
|
31
|
+
React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5ned" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button", type: "button" })));
|
|
32
32
|
};
|
|
33
33
|
export default DropdownCaption;
|
|
34
34
|
//# sourceMappingURL=DropdownCaption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE3E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,UAAU,EAAE,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,aAAa,EAAE,EACpE,MAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EACpC,MAAM,GACP,GAAG,YAAY,EAAE,CAAC;IAEnB,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAgD,CAAC,CAAC,EAAE,EAAE,CAC1E,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAgD,CAAC,CAAC,EAAE,EAAE,CAC3E,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE1E,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEtD,OAAO,CACL,6BAAK,SAAS,EAAC,8BAA8B;QAC3C,2CACY,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,eAAe,IAExB,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CACnC;QACP,oBAAC,MAAM,kBACO,aAAa,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,EACxD,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAC,yBAAoB,GAAG,EACzC,SAAS,EAAC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,6 +40,7 @@ export const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoo
|
|
|
40
40
|
}), tabIndex: tabRoot && isSameMonth(month, setYear(tabRoot, year.getFullYear()))
|
|
41
41
|
? 0
|
|
42
42
|
: -1, onKeyDown: (e) => {
|
|
43
|
+
e.preventDefault();
|
|
43
44
|
const next = nextEnabled(months, e.key, disabled, month, toYear, year, hasDropdown, fromDate, toDate);
|
|
44
45
|
setFocus(next);
|
|
45
46
|
setTabRoot(next);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthButton.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthButton.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MonthButton.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare const INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
|
|
2
|
-
export declare const INPUT_DATE_STRING_FORMAT_MONTH = "
|
|
2
|
+
export declare const INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
|
|
3
3
|
export declare const parseDate: (date: string, today: Date, locale: Locale, type: "date" | "month") => any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import parse from "date-fns/parse";
|
|
2
2
|
import { isValidDate } from ".";
|
|
3
3
|
export const INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
|
|
4
|
-
export const INPUT_DATE_STRING_FORMAT_MONTH = "
|
|
4
|
+
export const INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
|
|
5
5
|
const ALLOWED_INPUT_FORMATS_DATE = [
|
|
6
6
|
"ddMMyy",
|
|
7
7
|
"d.M.yy",
|
|
@@ -21,6 +21,7 @@ const ALLOWED_INPUT_FORMATS_MONTH = [
|
|
|
21
21
|
"MM-yyyy",
|
|
22
22
|
"MM.yyyy",
|
|
23
23
|
INPUT_DATE_STRING_FORMAT_MONTH,
|
|
24
|
+
...ALLOWED_INPUT_FORMATS_DATE,
|
|
24
25
|
];
|
|
25
26
|
export const parseDate = (date, today, locale, type) => {
|
|
26
27
|
let parsed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parse-date.js","sourceRoot":"","sources":["../../../src/date/utils/parse-date.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,MAAM,CAAC,MAAM,6BAA6B,GAAG,YAAY,CAAC;AAE1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,
|
|
1
|
+
{"version":3,"file":"parse-date.js","sourceRoot":"","sources":["../../../src/date/utils/parse-date.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAEhC,MAAM,CAAC,MAAM,6BAA6B,GAAG,YAAY,CAAC;AAE1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,WAAW,CAAC;AAE1D,MAAM,0BAA0B,GAAG;IACjC,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,6BAA6B;IAC7B,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,UAAU;CACX,CAAC;AAEF,MAAM,2BAA2B,GAAG;IAClC,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,SAAS;IACT,SAAS;IACT,8BAA8B;IAC9B,GAAG,0BAA0B;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,IAAY,EACZ,KAAW,EACX,MAAc,EACd,IAAsB,EACtB,EAAE;IACF,IAAI,MAAM,CAAC;IACX,MAAM,eAAe,GACnB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAC7E,KAAK,MAAM,MAAM,IAAI,eAAe,EAAE;QACpC,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,IAAI,WAAW,CAAC,MAAM,CAAC,EAAE;YACvB,OAAO,MAAM,CAAC;SACf;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.26",
|
|
4
4
|
"description": "NAV designsystem react components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/react-dom-interactions": "0.9.2",
|
|
39
|
-
"@navikt/ds-icons": "^1.3.
|
|
39
|
+
"@navikt/ds-icons": "^1.3.26",
|
|
40
40
|
"@radix-ui/react-tabs": "1.0.0",
|
|
41
41
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
42
42
|
"clsx": "^1.2.1",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"optional": true
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "ed3c7b9ad39c67e846f3f557dfe54047dace32c9"
|
|
79
79
|
}
|
|
@@ -20,6 +20,7 @@ import DatePickerStandalone, {
|
|
|
20
20
|
DatePickerStandaloneType,
|
|
21
21
|
} from "./DatePickerStandalone";
|
|
22
22
|
import { DayButton } from "./DayButton";
|
|
23
|
+
import { Head } from "./Head";
|
|
23
24
|
|
|
24
25
|
export type ConditionalModeProps =
|
|
25
26
|
| {
|
|
@@ -211,6 +212,7 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
|
|
|
211
212
|
components={{
|
|
212
213
|
Caption: dropdownCaption ? DropdownCaption : Caption,
|
|
213
214
|
Day: DayButton,
|
|
215
|
+
Head: Head,
|
|
214
216
|
}}
|
|
215
217
|
className={cl("navds-date", className)}
|
|
216
218
|
classNames={{
|
|
@@ -232,6 +234,8 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
|
|
|
232
234
|
weekend: "rdp-day__weekend",
|
|
233
235
|
}}
|
|
234
236
|
showWeekNumber={showWeekNumber}
|
|
237
|
+
fixedWeeks
|
|
238
|
+
showOutsideDays
|
|
235
239
|
{...omit(rest, ["onSelect"])}
|
|
236
240
|
/>
|
|
237
241
|
</Popover>
|
|
@@ -13,6 +13,7 @@ import { omit } from "../..";
|
|
|
13
13
|
import { getLocaleFromString, labels } from "../utils";
|
|
14
14
|
import { Caption, DropdownCaption } from "./caption";
|
|
15
15
|
import { ConditionalModeProps, DatePickerDefaultProps } from "./DatePicker";
|
|
16
|
+
import { Head } from "./Head";
|
|
16
17
|
|
|
17
18
|
interface DatePickerStandaloneDefaultProps
|
|
18
19
|
extends Omit<
|
|
@@ -93,6 +94,7 @@ export const DatePickerStandalone: DatePickerStandaloneType = forwardRef<
|
|
|
93
94
|
selected={selected ?? selectedDates}
|
|
94
95
|
components={{
|
|
95
96
|
Caption: dropdownCaption ? DropdownCaption : Caption,
|
|
97
|
+
Head: Head,
|
|
96
98
|
}}
|
|
97
99
|
className="navds-date"
|
|
98
100
|
classNames={{ vhidden: "navds-sr-only" }}
|
|
@@ -111,6 +113,8 @@ export const DatePickerStandalone: DatePickerStandaloneType = forwardRef<
|
|
|
111
113
|
weekend: "rdp-day__weekend",
|
|
112
114
|
}}
|
|
113
115
|
showWeekNumber={showWeekNumber}
|
|
116
|
+
fixedWeeks
|
|
117
|
+
showOutsideDays
|
|
114
118
|
{...omit(rest, ["onSelect"])}
|
|
115
119
|
/>
|
|
116
120
|
</div>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HeadRow, useDayPicker } from "react-day-picker";
|
|
3
|
+
|
|
4
|
+
/** Render the table head. */
|
|
5
|
+
export function Head(): JSX.Element {
|
|
6
|
+
const { classNames, styles, components } = useDayPicker();
|
|
7
|
+
const HeadRowComponent = components?.HeadRow ?? HeadRow;
|
|
8
|
+
return (
|
|
9
|
+
<thead style={styles.head} className={classNames.head} aria-hidden>
|
|
10
|
+
<HeadRowComponent />
|
|
11
|
+
</thead>
|
|
12
|
+
);
|
|
13
|
+
}
|
|
@@ -34,6 +34,7 @@ export const DatePickerCaption = ({ displayMonth, id }: CaptionProps) => {
|
|
|
34
34
|
onClick={() => previousMonth && goToMonth(previousMonth)}
|
|
35
35
|
icon={<Left title="velg forrige måned" />}
|
|
36
36
|
className="navds-date__caption-button"
|
|
37
|
+
type="button"
|
|
37
38
|
/>
|
|
38
39
|
<Button
|
|
39
40
|
aria-label={nextLabel}
|
|
@@ -42,6 +43,7 @@ export const DatePickerCaption = ({ displayMonth, id }: CaptionProps) => {
|
|
|
42
43
|
disabled={!nextMonth}
|
|
43
44
|
variant="tertiary"
|
|
44
45
|
className="navds-date__caption-button"
|
|
46
|
+
type="button"
|
|
45
47
|
/>
|
|
46
48
|
</div>
|
|
47
49
|
</div>
|
|
@@ -54,6 +54,7 @@ export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
|
|
|
54
54
|
onClick={() => previousMonth && goToMonth(previousMonth)}
|
|
55
55
|
icon={<Left title="velg forrige måned" />}
|
|
56
56
|
className="navds-date__caption-button"
|
|
57
|
+
type="button"
|
|
57
58
|
/>
|
|
58
59
|
|
|
59
60
|
<div className="navds-date__caption__month-wrapper">
|
|
@@ -92,6 +93,7 @@ export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
|
|
|
92
93
|
disabled={!nextMonth}
|
|
93
94
|
variant="tertiary"
|
|
94
95
|
className="navds-date__caption-button"
|
|
96
|
+
type="button"
|
|
95
97
|
/>
|
|
96
98
|
</div>
|
|
97
99
|
);
|
|
@@ -171,11 +171,7 @@ export const UseRangedDatepicker = () => {
|
|
|
171
171
|
<div style={{ display: "flex", gap: "1rem" }}>
|
|
172
172
|
<DatePicker {...datepickerProps}>
|
|
173
173
|
<div style={{ display: "flex", gap: "1rem" }}>
|
|
174
|
-
<DatePicker.Input
|
|
175
|
-
{...fromInputProps}
|
|
176
|
-
label="Fra"
|
|
177
|
-
onFocus={(e) => e.preventDefault()}
|
|
178
|
-
/>
|
|
174
|
+
<DatePicker.Input {...fromInputProps} label="Fra" />
|
|
179
175
|
<DatePicker.Input {...toInputProps} label="Til" />
|
|
180
176
|
</div>
|
|
181
177
|
</DatePicker>
|
|
@@ -3,7 +3,7 @@ import { isValidDate } from ".";
|
|
|
3
3
|
|
|
4
4
|
export const INPUT_DATE_STRING_FORMAT_DATE = "dd.MM.yyyy";
|
|
5
5
|
|
|
6
|
-
export const INPUT_DATE_STRING_FORMAT_MONTH = "
|
|
6
|
+
export const INPUT_DATE_STRING_FORMAT_MONTH = "MMMM yyyy";
|
|
7
7
|
|
|
8
8
|
const ALLOWED_INPUT_FORMATS_DATE = [
|
|
9
9
|
"ddMMyy",
|
|
@@ -25,6 +25,7 @@ const ALLOWED_INPUT_FORMATS_MONTH = [
|
|
|
25
25
|
"MM-yyyy",
|
|
26
26
|
"MM.yyyy",
|
|
27
27
|
INPUT_DATE_STRING_FORMAT_MONTH,
|
|
28
|
+
...ALLOWED_INPUT_FORMATS_DATE,
|
|
28
29
|
];
|
|
29
30
|
|
|
30
31
|
export const parseDate = (
|