@dreamcommerce/aurora 0.3.4-17 → 0.3.4-170

package/build/esm/src/components/date_picker/components/pure_date_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pure_date_picker.js","sources":["../../../../../../src/components/date_picker/components/pure_date_picker.tsx"],"sourcesContent":["import React from 'react';\nimport { IPureDatepickerProps } from '@components/date_picker/types';\nimport useAnimation from '@components/date_picker/hooks/use_animation';\nimport styles from '@css/date_picker/main.module.less';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport DaysGrid from '@components/date_picker/components/days_grid';\nimport { MAX_MONTH, MIN_MONTH } from '@components/date_picker/constants';\nimport { cssDatePickerContainer } from '@components/date_picker/css_classes';\nimport MonthController from '@components/date_picker/components/month_controller';\n\nexport const PureDatepicker: React.FC<IPureDatepickerProps> = ({ className = '', setMonthYear, month, year }) => {\n    const { animationWrapper, setRightAnimation, setLeftAnimation, animationClassName } = useAnimation({ offset: 200 });\n    const setMonthYearWithDelay = animationWrapper(setMonthYear);\n\n    const previousMonth = () => {\n        if (!month) {\n            setMonthYearWithDelay(({ year }) => ({ year: year - 1, month: MAX_MONTH }));\n        } else {\n            setMonthYearWithDelay(({ year }) => ({ year, month: month - 1 }));\n        }\n    };\n    const nextMonth = () => {\n        if (month === MAX_MONTH) {\n            setMonthYearWithDelay(({ year }) => ({ year: year + 1, month: MIN_MONTH }));\n        } else {\n            setMonthYearWithDelay(({ year }) => ({ year, month: month + 1 }));\n        }\n    };\n    const prevMonthWithAnimation = () => {\n        setLeftAnimation();\n        previousMonth();\n    };\n    const nextMonthWithAnimation = () => {\n        setRightAnimation();\n        nextMonth();\n    };\n    const setMonth = (month: number) => {\n        setMonthYearWithDelay(({ year }) => ({ month, year }));\n    };\n    const setYear = (year: number) => setMonthYearWithDelay(({ month }) => ({ month, year }));\n\n    return (\n        <div className={`${className} ${styles[cssDatePickerContainer]}`}>\n            <MonthYearNavigationContext.Provider\n                value={{\n                    previousMonth: prevMonthWithAnimation,\n                    nextMonth: nextMonthWithAnimation,\n                    animationClassName,\n                    year,\n                    month,\n                    setYear,\n                    setMonth,\n                }}\n            >\n                <MonthController month={month} year={year} />\n                <DaysGrid />\n            </MonthYearNavigationContext.Provider>\n        </div>\n    );\n};\n\nexport default PureDatepicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;IAUa,cAAc,GAAmC,UAAC,EAA6C;QAA3C,iBAAc,EAAd,mCAAc,EAAE,8BAAY,EAAE,gBAAK,EAAE,cAAI;IAChG,IAAA,kCAA6G,EAA3G,sCAAgB,EAAE,wCAAiB,EAAE,sCAAgB,EAAE,0CAAoD,CAAC;IACpH,IAAM,qBAAqB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAE7D,IAAM,aAAa,GAAG;QAClB,IAAI,CAAC,KAAK,EAAE;YACR,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;aAAC,CAAC,CAAC;SAC/E;aAAM;YACH,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE;aAAC,CAAC,CAAC;SACrE;KACJ,CAAC;IACF,IAAM,SAAS,GAAG;QACd,IAAI,KAAK,KAAK,SAAS,EAAE;YACrB,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;aAAC,CAAC,CAAC;SAC/E;aAAM;YACH,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE;aAAC,CAAC,CAAC;SACrE;KACJ,CAAC;IACF,IAAM,sBAAsB,GAAG;QAC3B,gBAAgB,EAAE,CAAC;QACnB,aAAa,EAAE,CAAC;KACnB,CAAC;IACF,IAAM,sBAAsB,GAAG;QAC3B,iBAAiB,EAAE,CAAC;QACpB,SAAS,EAAE,CAAC;KACf,CAAC;IACF,IAAM,QAAQ,GAAG,UAAC,KAAa;QAC3B,qBAAqB,CAAC,UAAC,EAAQ;gBAAN,cAAI;YAAO,QAAC,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE;SAAC,CAAC,CAAC;KAC1D,CAAC;IACF,IAAM,OAAO,GAAG,UAAC,IAAY,IAAK,OAAA,qBAAqB,CAAC,UAAC,EAAS;YAAP,gBAAK;QAAO,QAAC,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE;KAAC,CAAC,GAAA,CAAC;IAE1F,QACI,6BAAK,SAAS,EAAK,SAAS,SAAIA,UAAM,CAAC,sBAAsB,CAAG;QAC5D,oBAAC,0BAA0B,CAAC,QAAQ,IAChC,KAAK,EAAE;gBACH,aAAa,EAAE,sBAAsB;gBACrC,SAAS,EAAE,sBAAsB;gBACjC,kBAAkB,oBAAA;gBAClB,IAAI,MAAA;gBACJ,KAAK,OAAA;gBACL,OAAO,SAAA;gBACP,QAAQ,UAAA;aACX;YAED,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC7C,oBAAC,QAAQ,OAAG,CACsB,CACpC,EACR;AACN;;;;;"}

package/build/esm/src/components/date_picker/components/single_day.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISingleDayProps } from '../types';
+declare const SingleDay: React.FC<ISingleDayProps>;
+export default SingleDay;

package/build/esm/src/components/date_picker/components/single_day.js

@@ -0,0 +1,57 @@
+import React, { useContext, useMemo } from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePickerDay, cssDatePickerDayNavigation, cssDatePickerDaySelected, cssDatePickerDayBlocked, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDayInRange, cssDatePickerDayText, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextNavigation, cssDatePickerDayTextToday, cssDatePickerDayTextSelected } from '../css_classes.js';
+import { DATE_PICKER_TEST_ID } from '../constants.js';
+
+var SingleDay = function (_a) {
+    var date = _a.date, month = _a.month, year = _a.year;
+    var _b = useContext(DatepickerContext), updateDate = _b.updateDate, isSelected = _b.isSelected, isInRange = _b.isInRange, isNavigation = _b.isNavigation, isBlocked = _b.isBlocked, isToday = _b.isToday, setHoverDate = _b.setHoverDate, isProposed = _b.isProposed;
+    var singleDate = new Date(year, month, date);
+    var selected = isSelected(singleDate);
+    var navigation = isNavigation(singleDate);
+    var proposed = isProposed(singleDate);
+    var inRange = isInRange(singleDate);
+    var today = isToday(singleDate);
+    var nextDayInRange = isInRange(new Date(year, month, date + 1));
+    var previousDayInRange = isInRange(new Date(year, month, date - 1));
+    var blocked = isBlocked(singleDate);
+    var roundedBorders = selected || today;
+    var oneDayRange = inRange && !nextDayInRange && !previousDayInRange;
+    var firstRangeDay = inRange && !previousDayInRange && !oneDayRange;
+    var lastRangeDay = !nextDayInRange && inRange && !oneDayRange;
+    var dayClassName = useMemo(function () {
+        return classNames([
+            cssDatePickerDay,
+            navigation && cssDatePickerDayNavigation,
+            selected && cssDatePickerDaySelected,
+            blocked && cssDatePickerDayBlocked,
+            proposed && (inRange || selected) && cssDatePickerDayProposed,
+            firstRangeDay && cssDatePickerDayRangeEndLeft,
+            firstRangeDay && proposed && cssDatePickerDayRangeEndLeftProposed,
+            lastRangeDay && cssDatePickerDayRangeEndRight,
+            lastRangeDay && proposed && cssDatePickerDayRangeEndRightProposed,
+            oneDayRange && cssDatePickerDaySelected,
+            inRange && cssDatePickerDayInRange,
+        ], cssClasses);
+    }, [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
+    var dayTextClassName = useMemo(function () {
+        return classNames([
+            cssDatePickerDayText,
+            roundedBorders && cssDatePickerDayTextRoundedBorders,
+            selected && navigation && cssDatePickerDayTextNavigation,
+            today && navigation && cssDatePickerDayTextNavigation,
+            today && cssDatePickerDayTextToday,
+            selected && cssDatePickerDayTextSelected,
+        ], cssClasses);
+    }, [roundedBorders, selected, navigation, today]);
+    return (React.createElement("div", { className: dayClassName, onClick: function () { return updateDate(new Date(year, month, date)); }, onMouseOver: function () {
+            setHoverDate(new Date(year, month, date));
+        } },
+        React.createElement("div", { className: dayTextClassName, "data-test-id": DATE_PICKER_TEST_ID.dayContent }, date)));
+};
+
+export default SingleDay;
+//# sourceMappingURL=single_day.js.map

package/build/esm/src/components/date_picker/components/single_day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single_day.js","sources":["../../../../../../src/components/date_picker/components/single_day.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport styles from '@css/date_picker/main.module.less';\nimport { ISingleDayProps, IValueController } from '../types';\nimport { ValueControllerContext } from '../context';\nimport { classNames } from '@utilities/styles/classNames';\nimport {\n    cssDatePickerDay,\n    cssDatePickerDayBlocked,\n    cssDatePickerDayInRange,\n    cssDatePickerDayNavigation,\n    cssDatePickerDayProposed,\n    cssDatePickerDayRangeEndLeft,\n    cssDatePickerDayRangeEndLeftProposed,\n    cssDatePickerDayRangeEndRight,\n    cssDatePickerDayRangeEndRightProposed,\n    cssDatePickerDaySelected,\n    cssDatePickerDayText,\n    cssDatePickerDayTextNavigation,\n    cssDatePickerDayTextRoundedBorders,\n    cssDatePickerDayTextSelected,\n    cssDatePickerDayTextToday,\n} from '@components/date_picker/css_classes';\nimport { DATE_PICKER_TEST_ID } from '@components/date_picker/constants';\n\nconst SingleDay: React.FC<ISingleDayProps> = ({ date, month, year }) => {\n    const { updateDate, isSelected, isInRange, isNavigation, isBlocked, isToday, setHoverDate, isProposed } = useContext<IValueController>(\n        ValueControllerContext\n    );\n    const singleDate = new Date(year, month, date);\n    const selected = isSelected(singleDate);\n    const navigation = isNavigation(singleDate);\n    const proposed = isProposed(singleDate);\n    const inRange = isInRange(singleDate);\n    const today = isToday(singleDate);\n    const nextDayInRange = isInRange(new Date(year, month, date + 1));\n    const previousDayInRange = isInRange(new Date(year, month, date - 1));\n    const blocked = isBlocked(singleDate);\n    const roundedBorders = selected || today;\n    const oneDayRange = inRange && !nextDayInRange && !previousDayInRange;\n    const firstRangeDay = inRange && !previousDayInRange && !oneDayRange;\n    const lastRangeDay = !nextDayInRange && inRange && !oneDayRange;\n\n    const dayClassName = useMemo(\n        () =>\n            classNames(\n                [\n                    cssDatePickerDay,\n                    navigation && cssDatePickerDayNavigation,\n                    selected && cssDatePickerDaySelected,\n                    blocked && cssDatePickerDayBlocked,\n                    proposed && (inRange || selected) && cssDatePickerDayProposed,\n                    firstRangeDay && cssDatePickerDayRangeEndLeft,\n                    firstRangeDay && proposed && cssDatePickerDayRangeEndLeftProposed,\n                    lastRangeDay && cssDatePickerDayRangeEndRight,\n                    lastRangeDay && proposed && cssDatePickerDayRangeEndRightProposed,\n                    oneDayRange && cssDatePickerDaySelected,\n                    inRange && cssDatePickerDayInRange,\n                ],\n                styles\n            ),\n        [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]\n    );\n    const dayTextClassName = useMemo(\n        () =>\n            classNames(\n                [\n                    cssDatePickerDayText,\n                    roundedBorders && cssDatePickerDayTextRoundedBorders,\n                    selected && navigation && cssDatePickerDayTextNavigation,\n                    today && navigation && cssDatePickerDayTextNavigation,\n                    today && cssDatePickerDayTextToday,\n                    selected && cssDatePickerDayTextSelected,\n                ],\n                styles\n            ),\n        [roundedBorders, selected, navigation, today]\n    );\n\n    return (\n        <div\n            className={dayClassName}\n            onClick={() => updateDate(new Date(year, month, date))}\n            onMouseOver={() => {\n                setHoverDate(new Date(year, month, date));\n            }}\n        >\n            <div className={dayTextClassName} data-test-id={DATE_PICKER_TEST_ID.dayContent}>\n                {date}\n            </div>\n        </div>\n    );\n};\n\nexport default SingleDay;\n"],"names":["styles"],"mappings":";;;;;;;;IAwBM,SAAS,GAA8B,UAAC,EAAqB;QAAnB,cAAI,EAAE,gBAAK,EAAE,cAAI;IACvD,IAAA,kCAEL,EAFO,0BAAU,EAAE,0BAAU,EAAE,wBAAS,EAAE,8BAAY,EAAE,wBAAS,EAAE,oBAAO,EAAE,8BAAY,EAAE,0BAE1F,CAAC;IACF,IAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC/C,IAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACxC,IAAM,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACxC,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACtC,IAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC,IAAM,cAAc,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IAClE,IAAM,kBAAkB,GAAG,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IACtE,IAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACtC,IAAM,cAAc,GAAG,QAAQ,IAAI,KAAK,CAAC;IACzC,IAAM,WAAW,GAAG,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,kBAAkB,CAAC;IACtE,IAAM,aAAa,GAAG,OAAO,IAAI,CAAC,kBAAkB,IAAI,CAAC,WAAW,CAAC;IACrE,IAAM,YAAY,GAAG,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,WAAW,CAAC;IAEhE,IAAM,YAAY,GAAG,OAAO,CACxB;QACI,OAAA,UAAU,CACN;YACI,gBAAgB;YAChB,UAAU,IAAI,0BAA0B;YACxC,QAAQ,IAAI,wBAAwB;YACpC,OAAO,IAAI,uBAAuB;YAClC,QAAQ,KAAK,OAAO,IAAI,QAAQ,CAAC,IAAI,wBAAwB;YAC7D,aAAa,IAAI,4BAA4B;YAC7C,aAAa,IAAI,QAAQ,IAAI,oCAAoC;YACjE,YAAY,IAAI,6BAA6B;YAC7C,YAAY,IAAI,QAAQ,IAAI,qCAAqC;YACjE,WAAW,IAAI,wBAAwB;YACvC,OAAO,IAAI,uBAAuB;SACrC,EACDA,UAAM,CACT;KAAA,EACL,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,CAAC,CAC/F,CAAC;IACF,IAAM,gBAAgB,GAAG,OAAO,CAC5B;QACI,OAAA,UAAU,CACN;YACI,oBAAoB;YACpB,cAAc,IAAI,kCAAkC;YACpD,QAAQ,IAAI,UAAU,IAAI,8BAA8B;YACxD,KAAK,IAAI,UAAU,IAAI,8BAA8B;YACrD,KAAK,IAAI,yBAAyB;YAClC,QAAQ,IAAI,4BAA4B;SAC3C,EACDA,UAAM,CACT;KAAA,EACL,CAAC,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,CAChD,CAAC;IAEF,QACI,6BACI,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAA,EACtD,WAAW,EAAE;YACT,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;SAC7C;QAED,6BAAK,SAAS,EAAE,gBAAgB,kBAAgB,mBAAmB,CAAC,UAAU,IACzE,IAAI,CACH,CACJ,EACR;AACN;;;;"}

package/build/esm/src/components/date_picker/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const MONTHS_IN_YEAR = 12;
+export declare const YEARS_IN_VIEW = 12;
+export declare const MAX_MONTH = 11;
+export declare const MIN_MONTH = 0;
+export declare const MILLIS_IN_DAY: number;
+export declare const DATE_PICKER_TEST_ID: {
+    controller: string;
+    controllerTitle: string;
+    arrowLeft: string;
+    arrowRight: string;
+    dayContent: string;
+};

package/build/esm/src/components/date_picker/constants.js

@@ -0,0 +1,22 @@
+var MONTHS_IN_YEAR = 12;
+var YEARS_IN_VIEW = 12;
+var MAX_MONTH = 11;
+var MIN_MONTH = 0;
+var MILLIS_IN_DAY = 1000 * 3600 * 24;
+var DATE_PICKER = 'datepicker';
+var DATE_PICKER__CONTROLLER = DATE_PICKER + "__controller";
+var DATE_PICKER__CONTROLLER_TITLE = DATE_PICKER__CONTROLLER + "-title";
+var DATE_PICKER__CONTROLLER_ARROW = DATE_PICKER__CONTROLLER + "-arrow";
+var DATE_PICKER__CONTROLLER_ARROW_LEFT = DATE_PICKER__CONTROLLER_ARROW + "_left";
+var DATE_PICKER__CONTROLLER_ARROW_RIGHT = DATE_PICKER__CONTROLLER_ARROW + "_right";
+var DATE_PICKER__DAY_CONTENT = DATE_PICKER__CONTROLLER + "-day-content";
+var DATE_PICKER_TEST_ID = {
+    controller: DATE_PICKER__CONTROLLER,
+    controllerTitle: DATE_PICKER__CONTROLLER_TITLE,
+    arrowLeft: DATE_PICKER__CONTROLLER_ARROW_LEFT,
+    arrowRight: DATE_PICKER__CONTROLLER_ARROW_RIGHT,
+    dayContent: DATE_PICKER__DAY_CONTENT,
+};
+
+export { DATE_PICKER_TEST_ID, MAX_MONTH, MILLIS_IN_DAY, MIN_MONTH, MONTHS_IN_YEAR, YEARS_IN_VIEW };
+//# sourceMappingURL=constants.js.map

package/build/esm/src/components/date_picker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/date_picker/constants.ts"],"sourcesContent":["export const MONTHS_IN_YEAR = 12;\nexport const YEARS_IN_VIEW = 12;\nexport const MAX_MONTH = 11;\nexport const MIN_MONTH = 0;\nexport const MILLIS_IN_DAY = 1000 * 3600 * 24;\n\nconst DATE_PICKER = 'datepicker';\nconst DATE_PICKER__CONTROLLER = `${DATE_PICKER}__controller`;\nconst DATE_PICKER__CONTROLLER_TITLE = `${DATE_PICKER__CONTROLLER}-title`;\nconst DATE_PICKER__CONTROLLER_ARROW = `${DATE_PICKER__CONTROLLER}-arrow`;\nconst DATE_PICKER__CONTROLLER_ARROW_LEFT = `${DATE_PICKER__CONTROLLER_ARROW}_left`;\nconst DATE_PICKER__CONTROLLER_ARROW_RIGHT = `${DATE_PICKER__CONTROLLER_ARROW}_right`;\nconst DATE_PICKER__DAY_CONTENT = `${DATE_PICKER__CONTROLLER}-day-content`;\n\nexport const DATE_PICKER_TEST_ID = {\n    controller: DATE_PICKER__CONTROLLER,\n    controllerTitle: DATE_PICKER__CONTROLLER_TITLE,\n    arrowLeft: DATE_PICKER__CONTROLLER_ARROW_LEFT,\n    arrowRight: DATE_PICKER__CONTROLLER_ARROW_RIGHT,\n    dayContent: DATE_PICKER__DAY_CONTENT,\n};\n"],"names":[],"mappings":"IAAa,cAAc,GAAG,GAAG;IACpB,aAAa,GAAG,GAAG;IACnB,SAAS,GAAG,GAAG;IACf,SAAS,GAAG,EAAE;IACd,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG;AAE9C,IAAM,WAAW,GAAG,YAAY,CAAC;AACjC,IAAM,uBAAuB,GAAM,WAAW,iBAAc,CAAC;AAC7D,IAAM,6BAA6B,GAAM,uBAAuB,WAAQ,CAAC;AACzE,IAAM,6BAA6B,GAAM,uBAAuB,WAAQ,CAAC;AACzE,IAAM,kCAAkC,GAAM,6BAA6B,UAAO,CAAC;AACnF,IAAM,mCAAmC,GAAM,6BAA6B,WAAQ,CAAC;AACrF,IAAM,wBAAwB,GAAM,uBAAuB,iBAAc,CAAC;IAE7D,mBAAmB,GAAG;IAC/B,UAAU,EAAE,uBAAuB;IACnC,eAAe,EAAE,6BAA6B;IAC9C,SAAS,EAAE,kCAAkC;IAC7C,UAAU,EAAE,mCAAmC;IAC/C,UAAU,EAAE,wBAAwB;;;;;"}

package/build/esm/src/components/date_picker/context/index.d.ts

@@ -0,0 +1,3 @@
+import ValueControllerContext from './value_controller_context';
+import MonthYearNavigationContext from './month_year_navigation_context';
+export { ValueControllerContext, MonthYearNavigationContext };

package/build/esm/src/components/date_picker/context/index.js

@@ -0,0 +1,4 @@
+import ValueControllerContext from './value_controller_context';
+import MonthYearNavigationContext from './month_year_navigation_context';
+export { ValueControllerContext, MonthYearNavigationContext };
+//# sourceMappingURL=index.js.map

package/build/esm/src/components/date_picker/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/date_picker/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,CAAC"}

package/build/esm/src/components/date_picker/context/month_year_navigation_context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IMonthYearNavigation } from "../types";
+declare const MonthYearNavigationContext: import("react").Context<IMonthYearNavigation>;
+export default MonthYearNavigationContext;

package/build/esm/src/components/date_picker/context/month_year_navigation_context.js

@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+
+var MonthYearNavigationContext = createContext({
+    month: new Date().getMonth(),
+    year: new Date().getFullYear(),
+    animationClassName: '',
+    nextMonth: function () { },
+    previousMonth: function () { },
+    setMonth: function () { },
+    setYear: function () { }
+});
+
+export default MonthYearNavigationContext;
+//# sourceMappingURL=month_year_navigation_context.js.map

package/build/esm/src/components/date_picker/context/month_year_navigation_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month_year_navigation_context.js","sources":["../../../../../../src/components/date_picker/context/month_year_navigation_context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { IMonthYearNavigation } from '@components/date_picker/types';\n\nconst MonthYearNavigationContext = createContext<IMonthYearNavigation>({\n    month: new Date().getMonth(),\n    year: new Date().getFullYear(),\n    animationClassName: '',\n    nextMonth() {},\n    previousMonth() {},\n    setMonth() {},\n    setYear() {}\n});\n\nexport default MonthYearNavigationContext;\n"],"names":[],"mappings":";;IAGM,0BAA0B,GAAG,aAAa,CAAuB;IACnE,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;IAC5B,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;IAC9B,kBAAkB,EAAE,EAAE;IACtB,SAAS,iBAAK;IACd,aAAa,iBAAK;IAClB,QAAQ,iBAAK;IACb,OAAO,iBAAK;CACf;;;;"}

package/build/esm/src/components/date_picker/context/value_controller_context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IValueController } from '../types';
+declare const DatepickerContext: import("react").Context<IValueController>;
+export default DatepickerContext;

package/build/esm/src/components/date_picker/context/value_controller_context.js

@@ -0,0 +1,22 @@
+import { createContext } from 'react';
+
+var DatepickerContext = createContext({
+    updateDate: function () { },
+    inputValue: '',
+    readable: '',
+    value: undefined,
+    isProposed: function () { return false; },
+    isSelected: function () { return false; },
+    isNavigation: function () { return false; },
+    isInRange: function () { return false; },
+    isToday: function () { return false; },
+    isBlocked: function () { return false; },
+    restoreDefaultValue: function () { },
+    setNavigationDate: function () { },
+    setValue: function () { },
+    setHoverDate: function () { },
+    navigationDate: undefined
+});
+
+export default DatepickerContext;
+//# sourceMappingURL=value_controller_context.js.map

package/build/esm/src/components/date_picker/context/value_controller_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value_controller_context.js","sources":["../../../../../../src/components/date_picker/context/value_controller_context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { IValueController } from '../types';\n\nconst DatepickerContext = createContext<IValueController>({\n    updateDate: () => {},\n    inputValue: '',\n    readable: '',\n    value: undefined,\n    isProposed: () => false,\n    isSelected: () => false,\n    isNavigation: () => false,\n    isInRange: () => false,\n    isToday: () => false,\n    isBlocked: () => false,\n    restoreDefaultValue: () => {},\n    setNavigationDate: () => {},\n    setValue: () => {},\n    setHoverDate: () => {},\n    navigationDate: undefined\n});\n\nexport default DatepickerContext;\n"],"names":[],"mappings":";;IAGM,iBAAiB,GAAG,aAAa,CAAmB;IACtD,UAAU,EAAE,eAAQ;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;IACvB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;IACvB,YAAY,EAAE,cAAM,OAAA,KAAK,GAAA;IACzB,SAAS,EAAE,cAAM,OAAA,KAAK,GAAA;IACtB,OAAO,EAAE,cAAM,OAAA,KAAK,GAAA;IACpB,SAAS,EAAE,cAAM,OAAA,KAAK,GAAA;IACtB,mBAAmB,EAAE,eAAQ;IAC7B,iBAAiB,EAAE,eAAQ;IAC3B,QAAQ,EAAE,eAAQ;IAClB,YAAY,EAAE,eAAQ;IACtB,cAAc,EAAE,SAAS;CAC5B;;;;"}

package/build/esm/src/components/date_picker/css_classes.d.ts

@@ -0,0 +1,32 @@
+export declare const cssDatePicker = "date-picker";
+export declare const cssDatePickerContainer: string;
+export declare const cssDatePickerCommonRanges: string;
+export declare const cssDatePickerController: string;
+export declare const cssDatePickerControllerArrow: string;
+export declare const cssDatePickerControllerTitle: string;
+export declare const cssDatePickerControllerArrowLeft: string;
+export declare const cssDatePickerControllerArrowRight: string;
+export declare const cssDatePickerDaysGrid: string;
+export declare const cssDatePickerDaysGridRow: string;
+export declare const cssDatePickerDaysGridWeekName: string;
+export declare const cssDatePickerLabelIcon: string;
+export declare const cssDatePickerMonthTable: string;
+export declare const cssDatePickerMonthTableItem: string;
+export declare const cssDatePickerMonthTableItemSelected: string;
+export declare const cssDatePickerDay: string;
+export declare const cssDatePickerDayNavigation: string;
+export declare const cssDatePickerDaySelected: string;
+export declare const cssDatePickerDayBlocked: string;
+export declare const cssDatePickerDayProposed: string;
+export declare const cssDatePickerDayRangeEndLeft: string;
+export declare const cssDatePickerDayRangeEndLeftProposed: string;
+export declare const cssDatePickerDayRangeEndRight: string;
+export declare const cssDatePickerDayRangeEndRightProposed: string;
+export declare const cssDatePickerDayInRange: string;
+export declare const cssDatePickerDayText: string;
+export declare const cssDatePickerDayTextRoundedBorders: string;
+export declare const cssDatePickerDayTextNavigation: string;
+export declare const cssDatePickerDayTextToday: string;
+export declare const cssDatePickerDayTextSelected: string;
+export declare const cssRangePicker = "range-picker";
+export declare const cssRangePickerContainer: string;

package/build/esm/src/components/date_picker/css_classes.js

@@ -0,0 +1,35 @@
+var cssDatePicker = 'date-picker';
+var cssDatePickerContainer = cssDatePicker + "__container";
+var cssDatePickerCommonRanges = cssDatePicker + "__common-ranges";
+var cssDatePickerController = cssDatePicker + "__controller";
+var cssDatePickerControllerArrow = cssDatePicker + "__controller-arrow";
+var cssDatePickerControllerTitle = cssDatePicker + "__controller-title";
+var cssDatePickerControllerArrowLeft = cssDatePickerControllerArrow + "_left";
+var cssDatePickerControllerArrowRight = cssDatePickerControllerArrow + "_right";
+var cssDatePickerDaysGrid = cssDatePicker + "__days-grid";
+var cssDatePickerDaysGridRow = cssDatePicker + "__days-grid-row";
+var cssDatePickerDaysGridWeekName = cssDatePicker + "__days-grid-week-name";
+var cssDatePickerLabelIcon = cssDatePicker + "__label-icon";
+var cssDatePickerMonthTable = cssDatePicker + "__month-table";
+var cssDatePickerMonthTableItem = cssDatePicker + "__month-table-item";
+var cssDatePickerMonthTableItemSelected = cssDatePicker + "__month-table-item_selected";
+var cssDatePickerDay = cssDatePicker + "__day";
+var cssDatePickerDayNavigation = cssDatePickerDay + "_navigation";
+var cssDatePickerDaySelected = cssDatePickerDay + "_selected";
+var cssDatePickerDayBlocked = cssDatePickerDay + "_blocked";
+var cssDatePickerDayProposed = cssDatePickerDay + "_proposed";
+var cssDatePickerDayRangeEndLeft = cssDatePickerDay + "_range-end-left";
+var cssDatePickerDayRangeEndLeftProposed = cssDatePickerDay + "_range-end-left-proposed";
+var cssDatePickerDayRangeEndRight = cssDatePickerDay + "_range-end-right";
+var cssDatePickerDayRangeEndRightProposed = cssDatePickerDay + "_range-end-right-proposed";
+var cssDatePickerDayInRange = cssDatePickerDay + "_in-range";
+var cssDatePickerDayText = cssDatePicker + "__day-text";
+var cssDatePickerDayTextRoundedBorders = cssDatePickerDayText + "_rounded-borders";
+var cssDatePickerDayTextNavigation = cssDatePickerDayText + "_navigation";
+var cssDatePickerDayTextToday = cssDatePickerDayText + "_today";
+var cssDatePickerDayTextSelected = cssDatePickerDayText + "_selected";
+var cssRangePicker = "range-picker";
+var cssRangePickerContainer = cssRangePicker + "__container";
+
+export { cssDatePicker, cssDatePickerCommonRanges, cssDatePickerContainer, cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerArrowRight, cssDatePickerControllerTitle, cssDatePickerDay, cssDatePickerDayBlocked, cssDatePickerDayInRange, cssDatePickerDayNavigation, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDaySelected, cssDatePickerDayText, cssDatePickerDayTextNavigation, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextSelected, cssDatePickerDayTextToday, cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName, cssDatePickerLabelIcon, cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected, cssRangePicker, cssRangePickerContainer };
+//# sourceMappingURL=css_classes.js.map

package/build/esm/src/components/date_picker/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/date_picker/css_classes.ts"],"sourcesContent":["export const cssDatePicker = 'date-picker';\nexport const cssDatePickerContainer = `${cssDatePicker}__container`;\nexport const cssDatePickerCommonRanges = `${cssDatePicker}__common-ranges`;\nexport const cssDatePickerController = `${cssDatePicker}__controller`;\nexport const cssDatePickerControllerArrow = `${cssDatePicker}__controller-arrow`;\nexport const cssDatePickerControllerTitle = `${cssDatePicker}__controller-title`;\nexport const cssDatePickerControllerArrowLeft = `${cssDatePickerControllerArrow}_left`;\nexport const cssDatePickerControllerArrowRight = `${cssDatePickerControllerArrow}_right`;\nexport const cssDatePickerDaysGrid = `${cssDatePicker}__days-grid`;\nexport const cssDatePickerDaysGridRow = `${cssDatePicker}__days-grid-row`;\nexport const cssDatePickerDaysGridWeekName = `${cssDatePicker}__days-grid-week-name`;\nexport const cssDatePickerLabelIcon = `${cssDatePicker}__label-icon`;\nexport const cssDatePickerMonthTable = `${cssDatePicker}__month-table`;\nexport const cssDatePickerMonthTableItem = `${cssDatePicker}__month-table-item`;\nexport const cssDatePickerMonthTableItemSelected = `${cssDatePicker}__month-table-item_selected`;\nexport const cssDatePickerDay = `${cssDatePicker}__day`;\nexport const cssDatePickerDayNavigation = `${cssDatePickerDay}_navigation`;\nexport const cssDatePickerDaySelected = `${cssDatePickerDay}_selected`;\nexport const cssDatePickerDayBlocked = `${cssDatePickerDay}_blocked`;\nexport const cssDatePickerDayProposed = `${cssDatePickerDay}_proposed`;\nexport const cssDatePickerDayRangeEndLeft = `${cssDatePickerDay}_range-end-left`;\nexport const cssDatePickerDayRangeEndLeftProposed = `${cssDatePickerDay}_range-end-left-proposed`;\nexport const cssDatePickerDayRangeEndRight = `${cssDatePickerDay}_range-end-right`;\nexport const cssDatePickerDayRangeEndRightProposed = `${cssDatePickerDay}_range-end-right-proposed`;\nexport const cssDatePickerDayInRange = `${cssDatePickerDay}_in-range`;\nexport const cssDatePickerDayText = `${cssDatePicker}__day-text`;\nexport const cssDatePickerDayTextRoundedBorders = `${cssDatePickerDayText}_rounded-borders`;\nexport const cssDatePickerDayTextNavigation = `${cssDatePickerDayText}_navigation`;\nexport const cssDatePickerDayTextToday = `${cssDatePickerDayText}_today`;\nexport const cssDatePickerDayTextSelected = `${cssDatePickerDayText}_selected`;\n\nexport const cssRangePicker = `range-picker`;\nexport const cssRangePickerContainer = `${cssRangePicker}__container`;\n"],"names":[],"mappings":"IAAa,aAAa,GAAG,cAAc;IAC9B,sBAAsB,GAAM,aAAa,iBAAc;IACvD,yBAAyB,GAAM,aAAa,qBAAkB;IAC9D,uBAAuB,GAAM,aAAa,kBAAe;IACzD,4BAA4B,GAAM,aAAa,wBAAqB;IACpE,4BAA4B,GAAM,aAAa,wBAAqB;IACpE,gCAAgC,GAAM,4BAA4B,WAAQ;IAC1E,iCAAiC,GAAM,4BAA4B,YAAS;IAC5E,qBAAqB,GAAM,aAAa,iBAAc;IACtD,wBAAwB,GAAM,aAAa,qBAAkB;IAC7D,6BAA6B,GAAM,aAAa,2BAAwB;IACxE,sBAAsB,GAAM,aAAa,kBAAe;IACxD,uBAAuB,GAAM,aAAa,mBAAgB;IAC1D,2BAA2B,GAAM,aAAa,wBAAqB;IACnE,mCAAmC,GAAM,aAAa,iCAA8B;IACpF,gBAAgB,GAAM,aAAa,WAAQ;IAC3C,0BAA0B,GAAM,gBAAgB,iBAAc;IAC9D,wBAAwB,GAAM,gBAAgB,eAAY;IAC1D,uBAAuB,GAAM,gBAAgB,cAAW;IACxD,wBAAwB,GAAM,gBAAgB,eAAY;IAC1D,4BAA4B,GAAM,gBAAgB,qBAAkB;IACpE,oCAAoC,GAAM,gBAAgB,8BAA2B;IACrF,6BAA6B,GAAM,gBAAgB,sBAAmB;IACtE,qCAAqC,GAAM,gBAAgB,+BAA4B;IACvF,uBAAuB,GAAM,gBAAgB,eAAY;IACzD,oBAAoB,GAAM,aAAa,gBAAa;IACpD,kCAAkC,GAAM,oBAAoB,sBAAmB;IAC/E,8BAA8B,GAAM,oBAAoB,iBAAc;IACtE,yBAAyB,GAAM,oBAAoB,YAAS;IAC5D,4BAA4B,GAAM,oBAAoB,eAAY;IAElE,cAAc,GAAG,eAAe;IAChC,uBAAuB,GAAM,cAAc;;;;"}

package/build/esm/src/components/date_picker/hoc/range_picker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IRangePickerProps } from "../types";
+export declare const RangePicker: React.FC<IRangePickerProps>;
+export default RangePicker;

package/build/esm/src/components/date_picker/hoc/range_picker.js

@@ -0,0 +1,47 @@
+import React, { useContext, useState, useEffect } from 'react';
+import { __assign } from '../../../../_virtual/_tslib.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssRangePicker, cssRangePickerContainer } from '../css_classes.js';
+import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
+import { PureDatepicker } from '../components/pure_date_picker.js';
+import CommonRanges from '../components/common_ranges.js';
+import Buttons from '../components/buttons.js';
+
+var RangePicker = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
+    var _c, _d;
+    var _e = useContext(DatepickerContext), defaultRange = _e.defaultRange, value = _e.value;
+    var earlierDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
+    var laterDate = ((_d = value) === null || _d === void 0 ? void 0 : _d.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
+    var _f = useState({ year: earlierDate.getFullYear(), month: earlierDate.getMonth() }), earlierMonthYear = _f[0], setEarlierMonthYear = _f[1];
+    var _g = useState({ year: laterDate.getFullYear(), month: laterDate.getMonth() }), laterMonthYear = _g[0], setLaterMonthYear = _g[1];
+    var shouldUpdateMonthYear = (earlierMonthYear.year === laterMonthYear.year && earlierMonthYear.month >= laterMonthYear.month) ||
+        earlierMonthYear.year > laterMonthYear.year;
+    useEffect(function () {
+        if (shouldUpdateMonthYear) {
+            var newLaterDate = new Date(earlierMonthYear.year, earlierMonthYear.month + 1, 1);
+            setLaterMonthYear({ year: newLaterDate.getFullYear(), month: newLaterDate.getMonth() });
+        }
+        //eslint-disable-next-line
+    }, [setLaterMonthYear, earlierMonthYear.year, earlierMonthYear.month]);
+    useEffect(function () {
+        if (shouldUpdateMonthYear) {
+            var newPrevDate = new Date(laterMonthYear.year, laterMonthYear.month - 1, 1);
+            setEarlierMonthYear({ year: newPrevDate.getFullYear(), month: newPrevDate.getMonth() });
+        }
+        //eslint-disable-next-line
+    }, [setEarlierMonthYear, laterMonthYear.year, laterMonthYear.month]);
+    useKeyboardNavigation();
+    return (React.createElement("div", { className: cssClasses[cssRangePicker] },
+        showDefaultRanges && React.createElement(CommonRanges, null),
+        React.createElement("div", { className: cssClasses[cssRangePickerContainer] },
+            React.createElement(PureDatepicker, __assign({ setMonthYear: setEarlierMonthYear }, earlierMonthYear, { className: className })),
+            React.createElement(PureDatepicker, __assign({ setMonthYear: setLaterMonthYear }, laterMonthYear, { className: className }))),
+        showButtons && React.createElement(Buttons, null)));
+};
+
+export default RangePicker;
+export { RangePicker };
+//# sourceMappingURL=range_picker.js.map

package/build/esm/src/components/date_picker/hoc/range_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range_picker.js","sources":["../../../../../../src/components/date_picker/hoc/range_picker.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport { IDatepickerRange, IMonthYear, IRangePickerProps, IValueController } from '@components/date_picker/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport { useKeyboardNavigation } from '@components/date_picker/hooks/use_keyboard_navigation';\nimport styles from '@css/date_picker/main.module.less';\nimport PureDatepicker from '@components/date_picker/components/pure_date_picker';\nimport CommonRanges from '@components/date_picker/components/common_ranges';\nimport Buttons from '../components/buttons';\nimport { cssRangePicker, cssRangePickerContainer } from '@components/date_picker/css_classes';\n\nexport const RangePicker: React.FC<IRangePickerProps> = ({ className = '', showButtons, showDefaultRanges }) => {\n    const { defaultRange, value } = useContext<IValueController>(ValueControllerContext);\n    const earlierDate = (value as IDatepickerRange)?.startDate || defaultRange?.startDate || new Date(Date.now());\n    const laterDate =\n        (value as IDatepickerRange)?.endDate || defaultRange?.endDate || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);\n    const [earlierMonthYear, setEarlierMonthYear] = useState<IMonthYear>({ year: earlierDate.getFullYear(), month: earlierDate.getMonth() });\n    const [laterMonthYear, setLaterMonthYear] = useState<IMonthYear>({ year: laterDate.getFullYear(), month: laterDate.getMonth() });\n\n    const shouldUpdateMonthYear =\n        (earlierMonthYear.year === laterMonthYear.year && earlierMonthYear.month >= laterMonthYear.month) ||\n        earlierMonthYear.year > laterMonthYear.year;\n\n    useEffect(() => {\n        if (shouldUpdateMonthYear) {\n            const newLaterDate = new Date(earlierMonthYear.year, earlierMonthYear.month + 1, 1);\n            setLaterMonthYear({ year: newLaterDate.getFullYear(), month: newLaterDate.getMonth() });\n        }\n        //eslint-disable-next-line\n    }, [setLaterMonthYear, earlierMonthYear.year, earlierMonthYear.month]);\n\n    useEffect(() => {\n        if (shouldUpdateMonthYear) {\n            const newPrevDate = new Date(laterMonthYear.year, laterMonthYear.month - 1, 1);\n            setEarlierMonthYear({ year: newPrevDate.getFullYear(), month: newPrevDate.getMonth() });\n        }\n        //eslint-disable-next-line\n    }, [setEarlierMonthYear, laterMonthYear.year, laterMonthYear.month]);\n\n    useKeyboardNavigation();\n\n    return (\n        <div className={styles[cssRangePicker]}>\n            {showDefaultRanges && <CommonRanges />}\n            <div className={styles[cssRangePickerContainer]}>\n                <PureDatepicker setMonthYear={setEarlierMonthYear} {...earlierMonthYear} className={className} />\n                <PureDatepicker setMonthYear={setLaterMonthYear} {...laterMonthYear} className={className} />\n            </div>\n            {showButtons && <Buttons />}\n        </div>\n    );\n};\n\nexport default RangePicker;\n"],"names":["styles"],"mappings":";;;;;;;;;;;IAUa,WAAW,GAAgC,UAAC,EAAkD;QAAhD,iBAAc,EAAd,mCAAc,EAAE,4BAAW,EAAE,wCAAiB;;IAC/F,IAAA,kCAA8E,EAA5E,8BAAY,EAAE,gBAA8D,CAAC;IACrF,IAAM,WAAW,GAAG,OAAC,KAA0B,0CAAE,SAAS,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9G,IAAM,SAAS,GACX,OAAC,KAA0B,0CAAE,OAAO,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,EAAE,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;IAC/H,IAAA,iFAAkI,EAAjI,wBAAgB,EAAE,2BAA+G,CAAC;IACnI,IAAA,6EAA0H,EAAzH,sBAAc,EAAE,yBAAyG,CAAC;IAEjI,IAAM,qBAAqB,GACvB,CAAC,gBAAgB,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI,IAAI,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK;QAChG,gBAAgB,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC;IAEhD,SAAS,CAAC;QACN,IAAI,qBAAqB,EAAE;YACvB,IAAM,YAAY,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YACpF,iBAAiB,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SAC3F;;KAEJ,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAEvE,SAAS,CAAC;QACN,IAAI,qBAAqB,EAAE;YACvB,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/E,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SAC3F;;KAEJ,EAAE,CAAC,mBAAmB,EAAE,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAErE,qBAAqB,EAAE,CAAC;IAExB,QACI,6BAAK,SAAS,EAAEA,UAAM,CAAC,cAAc,CAAC;QACjC,iBAAiB,IAAI,oBAAC,YAAY,OAAG;QACtC,6BAAK,SAAS,EAAEA,UAAM,CAAC,uBAAuB,CAAC;YAC3C,oBAAC,cAAc,aAAC,YAAY,EAAE,mBAAmB,IAAM,gBAAgB,IAAE,SAAS,EAAE,SAAS,IAAI;YACjG,oBAAC,cAAc,aAAC,YAAY,EAAE,iBAAiB,IAAM,cAAc,IAAE,SAAS,EAAE,SAAS,IAAI,CAC3F;QACL,WAAW,IAAI,oBAAC,OAAO,OAAG,CACzB,EACR;AACN;;;;;"}

package/build/esm/src/components/date_picker/hoc/single_date_picker.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISingleDatepickerProps } from "../types";
+export declare const SingleDatepicker: FC<ISingleDatepickerProps>;
+export default SingleDatepicker;

package/build/esm/src/components/date_picker/hoc/single_date_picker.js

@@ -0,0 +1,22 @@
+import React, { useContext, useState } from 'react';
+import DatepickerContext from '../context/value_controller_context.js';
+import '../context/month_year_navigation_context.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
+import { cssDatePicker } from '../css_classes.js';
+import { PureDatepicker } from '../components/pure_date_picker.js';
+import Buttons from '../components/buttons.js';
+
+var SingleDatepicker = function (_a) {
+    var className = _a.className, showButtons = _a.showButtons;
+    var defaultDate = useContext(DatepickerContext).defaultDate;
+    var currentDate = new Date(defaultDate || Date.now());
+    var _b = useState({ month: currentDate.getMonth(), year: currentDate.getFullYear() }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: cssClasses[cssDatePicker] },
+            React.createElement(PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),
+            showButtons && React.createElement(Buttons, null))));
+};
+
+export default SingleDatepicker;
+export { SingleDatepicker };
+//# sourceMappingURL=single_date_picker.js.map

package/build/esm/src/components/date_picker/hoc/single_date_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single_date_picker.js","sources":["../../../../../../src/components/date_picker/hoc/single_date_picker.tsx"],"sourcesContent":["import React, { FC, useContext, useState } from 'react';\nimport { ISingleDatepickerProps } from '@components/date_picker/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport PureDatepicker from '@components/date_picker/components/pure_date_picker';\nimport Buttons from '@components/date_picker/components/buttons';\nimport cssClasses from '@css/date_picker/main.module.less';\nimport { cssDatePicker } from '@components/date_picker/css_classes';\n\nexport const SingleDatepicker: FC<ISingleDatepickerProps> = ({ className, showButtons }) => {\n    const { defaultDate } = useContext(ValueControllerContext);\n    const currentDate = new Date(defaultDate || Date.now());\n    const [{ month, year }, setMonthYear] = useState({ month: currentDate.getMonth(), year: currentDate.getFullYear() });\n\n    return (\n        <>\n            <div className={cssClasses[cssDatePicker]}>\n                <PureDatepicker setMonthYear={setMonthYear} month={month} year={year} className={className} />\n                {showButtons && <Buttons />}\n            </div>\n        </>\n    );\n};\n\nexport default SingleDatepicker;\n"],"names":[],"mappings":";;;;;;;;IAQa,gBAAgB,GAA+B,UAAC,EAA0B;QAAxB,wBAAS,EAAE,4BAAW;IACzE,IAAA,uDAAW,CAAwC;IAC3D,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAClD,IAAA,iFAA8G,EAA7G,UAAe,EAAb,gBAAK,EAAE,cAAI,EAAI,oBAA4F,CAAC;IAErH,QACI;QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC;YACrC,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI;YAC7F,WAAW,IAAI,oBAAC,OAAO,OAAG,CACzB,CACP,EACL;AACN;;;;;"}

package/build/esm/src/components/date_picker/hooks/use_animation.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IMonthYear } from "../types";
+/**
+ * Hook to animate datepicker from side to side
+ * @param offset
+ */
+declare const useAnimation: ({ offset }: {
+    offset: number;
+}) => {
+    animationWrapper: (setState: Dispatch<SetStateAction<IMonthYear>>) => (state: SetStateAction<IMonthYear>) => void;
+    setRightAnimation: () => void;
+    setLeftAnimation: () => void;
+    animationClassName: string;
+};
+export default useAnimation;

package/build/esm/src/components/date_picker/hooks/use_animation.js

@@ -0,0 +1,55 @@
+import { useState } from 'react';
+import { createUseStyles } from '../../../../node_modules/react-jss/dist/react-jss.esm.js';
+
+var _a;
+var ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';
+var ANIMATION_TYPE_LEFT = 'ANIMATION_TYPE_LEFT';
+var ANIMATION_MOVEMENT = (_a = {},
+    _a[ANIMATION_TYPE_RIGHT] = '0.5rem',
+    _a[ANIMATION_TYPE_LEFT] = '-0.5rem',
+    _a);
+var useStyles = createUseStyles({
+    animation: {
+        transition: function (_a) {
+            var offset = _a.offset, animation = _a.animation;
+            return (animation ? offset + "ms" : '0s');
+        },
+        overflow: 'hidden',
+        opacity: function (_a) {
+            var animation = _a.animation;
+            return +!animation;
+        },
+        marginLeft: function (_a) {
+            var animationType = _a.animationType, animation = _a.animation;
+            return (animation ? ANIMATION_MOVEMENT[animationType] : 0);
+        }
+    }
+});
+/**
+ * Hook to animate datepicker from side to side
+ * @param offset
+ */
+var useAnimation = function (_a) {
+    var offset = _a.offset;
+    var _b = useState(false), animation = _b[0], setAnimation = _b[1];
+    var _c = useState(), animationType = _c[0], setAnimationType = _c[1];
+    var animationWrapper = function (setState) { return function (state) {
+        setAnimation(true);
+        setTimeout(function () {
+            setState(state);
+            setAnimation(false);
+        }, offset);
+    }; };
+    var setRightAnimation = function () { return setAnimationType(ANIMATION_TYPE_RIGHT); };
+    var setLeftAnimation = function () { return setAnimationType(ANIMATION_TYPE_LEFT); };
+    var classes = useStyles({ animation: animation, animationType: animationType, offset: offset });
+    return {
+        animationWrapper: animationWrapper,
+        setRightAnimation: setRightAnimation,
+        setLeftAnimation: setLeftAnimation,
+        animationClassName: classes.animation
+    };
+};
+
+export default useAnimation;
+//# sourceMappingURL=use_animation.js.map

package/build/esm/src/components/date_picker/hooks/use_animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_animation.js","sources":["../../../../../../src/components/date_picker/hooks/use_animation.ts"],"sourcesContent":["import { createUseStyles } from 'react-jss';\nimport { Dispatch, SetStateAction, useState } from 'react';\nimport { IMonthYear } from '@components/date_picker/types';\n\nconst ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';\nconst ANIMATION_TYPE_LEFT = 'ANIMATION_TYPE_LEFT';\nconst ANIMATION_MOVEMENT = {\n    [ANIMATION_TYPE_RIGHT]: '0.5rem',\n    [ANIMATION_TYPE_LEFT]: '-0.5rem'\n};\n\nconst useStyles = createUseStyles({\n    animation: {\n        transition: ({ offset, animation }) => (animation ? `${offset}ms` : '0s'),\n        overflow: 'hidden',\n        opacity: ({ animation }) => +!animation,\n        marginLeft: ({ animationType, animation }) => (animation ? ANIMATION_MOVEMENT[animationType] : 0)\n    }\n});\n\n/**\n * Hook to animate datepicker from side to side\n * @param offset\n */\nconst useAnimation = ({ offset }: { offset: number }) => {\n    const [animation, setAnimation] = useState(false);\n    const [animationType, setAnimationType] = useState<string>();\n    const animationWrapper = (setState: Dispatch<SetStateAction<IMonthYear>>) => (state: SetStateAction<IMonthYear>) => {\n        setAnimation(true);\n        setTimeout(() => {\n            setState(state);\n            setAnimation(false);\n        }, offset);\n    };\n\n    const setRightAnimation = () => setAnimationType(ANIMATION_TYPE_RIGHT);\n    const setLeftAnimation = () => setAnimationType(ANIMATION_TYPE_LEFT);\n    const classes = useStyles({ animation, animationType, offset });\n\n    return {\n        animationWrapper,\n        setRightAnimation,\n        setLeftAnimation,\n        animationClassName: classes.animation\n    };\n};\n\nexport default useAnimation;\n"],"names":[],"mappings":";;;;AAIA,IAAM,oBAAoB,GAAG,sBAAsB,CAAC;AACpD,IAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAClD,IAAM,kBAAkB;IACpB,GAAC,oBAAoB,IAAG,QAAQ;IAChC,GAAC,mBAAmB,IAAG,SAAS;OACnC,CAAC;AAEF,IAAM,SAAS,GAAG,eAAe,CAAC;IAC9B,SAAS,EAAE;QACP,UAAU,EAAE,UAAC,EAAqB;gBAAnB,kBAAM,EAAE,wBAAS;YAAO,QAAC,SAAS,GAAM,MAAM,OAAI,GAAG,IAAI;SAAC;QACzE,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,OAAA,CAAC,CAAC,SAAS;SAAA;QACvC,UAAU,EAAE,UAAC,EAA4B;gBAA1B,gCAAa,EAAE,wBAAS;YAAO,QAAC,SAAS,GAAG,kBAAkB,CAAC,aAAa,CAAC,GAAG,CAAC;SAAC;KACpG;CACJ,CAAC,CAAC;AAEH;;;;IAIM,YAAY,GAAG,UAAC,EAA8B;QAA5B,kBAAM;IACpB,IAAA,oBAA2C,EAA1C,iBAAS,EAAE,oBAA+B,CAAC;IAC5C,IAAA,eAAsD,EAArD,qBAAa,EAAE,wBAAsC,CAAC;IAC7D,IAAM,gBAAgB,GAAG,UAAC,QAA8C,IAAK,OAAA,UAAC,KAAiC;QAC3G,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,CAAC;YACP,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;SACvB,EAAE,MAAM,CAAC,CAAC;KACd,GAAA,CAAC;IAEF,IAAM,iBAAiB,GAAG,cAAM,OAAA,gBAAgB,CAAC,oBAAoB,CAAC,GAAA,CAAC;IACvE,IAAM,gBAAgB,GAAG,cAAM,OAAA,gBAAgB,CAAC,mBAAmB,CAAC,GAAA,CAAC;IACrE,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEhE,OAAO;QACH,gBAAgB,kBAAA;QAChB,iBAAiB,mBAAA;QACjB,gBAAgB,kBAAA;QAChB,kBAAkB,EAAE,OAAO,CAAC,SAAS;KACxC,CAAC;AACN;;;;"}

package/build/esm/src/components/date_picker/hooks/use_date_names.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook to get monthNames and weekDays and their shortcuts by index
+ */
+declare const useDateNames: () => {
+    monthNames: string[];
+    monthNameShortcuts: string[];
+    weekNames: string[];
+    weekNameShortcuts: string[];
+};
+export default useDateNames;

package/build/esm/src/components/date_picker/hooks/use_date_names.js

@@ -0,0 +1,31 @@
+import { useTranslation } from '../../../../node_modules/react-i18next/dist/es/useTranslation.js';
+
+/**
+ * Hook to get monthNames and weekDays and their shortcuts by index
+ */
+var useDateNames = function () {
+    var t = useTranslation()[0];
+    var monthIndexes = [
+        'january',
+        'february',
+        'march',
+        'april',
+        'may',
+        'june',
+        'july',
+        'august',
+        'september',
+        'october',
+        'november',
+        'december'
+    ];
+    var weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
+    var monthNames = monthIndexes.map(function (item) { return t(item); });
+    var weekNames = weekIndexes.map(function (item) { return t(item); });
+    var monthNameShortcuts = monthNames.map(function (item) { return item.slice(0, 3); });
+    var weekNameShortcuts = weekNames.map(function (item) { return item.slice(0, 1); });
+    return { monthNames: monthNames, monthNameShortcuts: monthNameShortcuts, weekNames: weekNames, weekNameShortcuts: weekNameShortcuts };
+};
+
+export default useDateNames;
+//# sourceMappingURL=use_date_names.js.map

package/build/esm/src/components/date_picker/hooks/use_date_names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_date_names.js","sources":["../../../../../../src/components/date_picker/hooks/use_date_names.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\n/**\n * Hook to get monthNames and weekDays and their shortcuts by index\n */\nconst useDateNames = () => {\n    const [t] = useTranslation();\n    const monthIndexes = [\n        'january',\n        'february',\n        'march',\n        'april',\n        'may',\n        'june',\n        'july',\n        'august',\n        'september',\n        'october',\n        'november',\n        'december'\n    ];\n    const weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];\n    const monthNames = monthIndexes.map((item) => t(item));\n    const weekNames = weekIndexes.map((item) => t(item));\n    const monthNameShortcuts = monthNames.map((item) => item.slice(0, 3));\n    const weekNameShortcuts = weekNames.map((item) => item.slice(0, 1));\n\n    return { monthNames, monthNameShortcuts, weekNames, weekNameShortcuts };\n};\n\nexport default useDateNames;\n"],"names":[],"mappings":";;AAEA;;;IAGM,YAAY,GAAG;IACV,IAAA,uBAAC,CAAqB;IAC7B,IAAM,YAAY,GAAG;QACjB,SAAS;QACT,UAAU;QACV,OAAO;QACP,OAAO;QACP,KAAK;QACL,MAAM;QACN,MAAM;QACN,QAAQ;QACR,WAAW;QACX,SAAS;QACT,UAAU;QACV,UAAU;KACb,CAAC;IACF,IAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACnG,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,GAAA,CAAC,CAAC;IACrD,IAAM,kBAAkB,GAAG,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,CAAC,CAAC;IACtE,IAAM,iBAAiB,GAAG,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAA,CAAC,CAAC;IAEpE,OAAO,EAAE,UAAU,YAAA,EAAE,kBAAkB,oBAAA,EAAE,SAAS,WAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAC;AAC5E;;;;"}

package/build/esm/src/components/date_picker/hooks/use_keyboard_navigation.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Hook to bind keyboard keys to navigate date
+ */
+export declare const useKeyboardNavigation: () => void;

package/build/esm/src/components/date_picker/hooks/use_keyboard_navigation.js

@@ -0,0 +1,54 @@
+import { useContext } from 'react';
+import { DropdownContext } from '../../dropdown/context/index.js';
+import DatepickerContext from '../context/value_controller_context.js';
+import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
+import { useKeyDown } from '../../../hooks/use_key_down.js';
+
+/**
+ * Hook to bind keyboard keys to navigate date
+ */
+var useKeyboardNavigation = function () {
+    var _a = useContext(MonthYearNavigationContext), setMonth = _a.setMonth, setYear = _a.setYear, year = _a.year, month = _a.month;
+    var _b = useContext(DatepickerContext), updateDate = _b.updateDate, _c = _b.navigationDate, navigationDate = _c === void 0 ? new Date(year, month, 1) : _c, setNavigationDate = _b.setNavigationDate;
+    var toggleDropdown = useContext(DropdownContext).toggleDropdown;
+    var moveDate = function (days) {
+        var newDate = new Date(navigationDate.toISOString());
+        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {
+            newDate.setMonth(month);
+            newDate.setFullYear(year);
+            setNavigationDate(newDate);
+        }
+        else {
+            newDate.setDate(newDate.getDate() + days);
+            setNavigationDate(newDate);
+            if (month !== newDate.getMonth()) {
+                setMonth(newDate.getMonth());
+            }
+            if (year !== newDate.getFullYear()) {
+                setYear(newDate.getFullYear());
+            }
+        }
+    };
+    var leftArrow = function () { return moveDate(-1); };
+    var rightArrow = function () { return moveDate(+1); };
+    var upArrow = function () { return moveDate(-7); };
+    var downArrow = function () { return moveDate(7); };
+    var chooseDate = function () {
+        updateDate(navigationDate);
+    };
+    var chooseDateClose = function () {
+        updateDate(navigationDate);
+        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
+    };
+    //@todo darqwski
+    //This is probably broken because of missing ref
+    useKeyDown(['ArrowLeft'], leftArrow);
+    useKeyDown(['ArrowUp'], upArrow);
+    useKeyDown(['ArrowDown'], downArrow);
+    useKeyDown(['ArrowRight'], rightArrow);
+    useKeyDown([' '], chooseDate);
+    useKeyDown(['Enter'], chooseDateClose);
+};
+
+export { useKeyboardNavigation };
+//# sourceMappingURL=use_keyboard_navigation.js.map

package/build/esm/src/components/date_picker/hooks/use_keyboard_navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_keyboard_navigation.js","sources":["../../../../../../src/components/date_picker/hooks/use_keyboard_navigation.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { useKeyDown } from '@hooks/use_key_down';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { MonthYearNavigationContext, ValueControllerContext } from '../context/';\n\n/**\n * Hook to bind keyboard keys to navigate date\n */\nexport const useKeyboardNavigation = () => {\n    const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);\n    const { updateDate, navigationDate = new Date(year, month, 1), setNavigationDate } = useContext(ValueControllerContext);\n    const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n\n    const moveDate = (days: number) => {\n        const newDate: Date = new Date(navigationDate.toISOString());\n        if (navigationDate.getMonth() !== month || navigationDate.getFullYear() !== year) {\n            newDate.setMonth(month);\n            newDate.setFullYear(year);\n            setNavigationDate(newDate);\n        } else {\n            newDate.setDate(newDate.getDate() + days);\n            setNavigationDate(newDate);\n            if (month !== newDate.getMonth()) {\n                setMonth(newDate.getMonth());\n            }\n            if (year !== newDate.getFullYear()) {\n                setYear(newDate.getFullYear());\n            }\n        }\n    };\n\n    const leftArrow = () => moveDate(-1);\n    const rightArrow = () => moveDate(+1);\n    const upArrow = () => moveDate(-7);\n    const downArrow = () => moveDate(7);\n    const chooseDate = () => {\n        updateDate(navigationDate);\n    };\n    const chooseDateClose = () => {\n        updateDate(navigationDate);\n        toggleDropdown?.();\n    };\n\n    //@todo darqwski\n    //This is probably broken because of missing ref\n    useKeyDown(['ArrowLeft'], leftArrow);\n    useKeyDown(['ArrowUp'], upArrow);\n    useKeyDown(['ArrowDown'], downArrow);\n    useKeyDown(['ArrowRight'], rightArrow);\n    useKeyDown([' '], chooseDate);\n    useKeyDown(['Enter'], chooseDateClose);\n};\n"],"names":[],"mappings":";;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,2CAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,kCAAiH,EAA/G,0BAAU,EAAE,sBAAyC,EAAzC,8DAAyC,EAAE,wCAAwD,CAAC;IAChH,IAAA,2DAAc,CAAmD;IAEzE,IAAM,QAAQ,GAAG,UAAC,IAAY;QAC1B,IAAM,OAAO,GAAS,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YAC9E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,iBAAiB,CAAC,OAAO,CAAC,CAAC;SAC9B;aAAM;YACH,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;gBAChC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;aAClC;SACJ;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACrC,IAAM,UAAU,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACtC,IAAM,OAAO,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACnC,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAA,CAAC;IACpC,IAAM,UAAU,GAAG;QACf,UAAU,CAAC,cAAc,CAAC,CAAC;KAC9B,CAAC;IACF,IAAM,eAAe,GAAG;QACpB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;;;IAIF,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjC,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}