@dreamcommerce/aurora 0.3.4-16 → 0.3.4-163

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_view.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+var month_view = require('./month_view.js');
+var constants = require('../constants.js');
+var years_view = require('./years_view.js');
+
+var _a;
+var Views = (_a = {},
+    _a[constants.MONTH_VIEW] = month_view['default'],
+    _a[constants.YEARS_VIEW] = years_view['default'],
+    _a);
+var MonthYearView = function () {
+    var view = React.useContext(context.MonthYearPickerContext).view;
+    return Views[view]();
+};
+
+exports.default = MonthYearView;
+//# sourceMappingURL=month_year_view.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month_year_view.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/month_year_view.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { MonthYearPickerContext } from '@components/date_picker/components/month_year_picker/context';\nimport MonthView from './month_view';\nimport YearsView from './years_view';\nimport { MONTH_VIEW, YEARS_VIEW } from '@components/date_picker/components/month_year_picker/constants';\n\nconst Views = {\n    [MONTH_VIEW]: MonthView,\n    [YEARS_VIEW]: YearsView,\n};\n\nconst MonthYearView = () => {\n    const { view } = useContext(MonthYearPickerContext);\n\n    return Views[view]();\n};\n\nexport default MonthYearView;\n"],"names":["MONTH_VIEW","MonthView","YEARS_VIEW","YearsView"],"mappings":";;;;;;;;;;;AAMA,IAAM,KAAK;IACP,GAACA,oBAAU,IAAGC,qBAAS;IACvB,GAACC,oBAAU,IAAGC,qBAAS;OAC1B,CAAC;IAEI,aAAa,GAAG;IACV,IAAA,4DAAI,CAAwC;IAEpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACzB;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('../../../context/value_controller_context.js');
+var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
+var css_classes = require('../../../css_classes.js');
+var constants = require('../../../constants.js');
+var context = require('../context.js');
+var constants$1 = require('../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var YearView = function () {
+    var _a = React.useContext(month_year_navigation_context['default']), setYear = _a.setYear, year = _a.year;
+    var _b = React.useContext(context.MonthYearPickerContext), yearRange = _b.yearRange, setView = _b.setView;
+    var onYearClick = function (yearIndex) { return function () {
+        setYear(yearRange + yearIndex);
+        setView(constants$1.MONTH_VIEW);
+    }; };
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.YEARS_IN_VIEW).keys()).map(function (index) { return (React__default['default'].createElement("span", { key: "month-picker-month-" + index, onClick: onYearClick(index), className: main_module['default'][css_classes.cssDatePickerMonthTableItem] + " " + (yearRange + index === year ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+};
+
+exports.default = YearView;
+//# sourceMappingURL=years_view.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"years_view.js","sources":["../../../../../../../../../../src/components/date_picker/components/month_year_picker/components/years_view.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '@components/date_picker/css_classes';\nimport { YEARS_IN_VIEW } from '@components/date_picker/constants';\nimport { MonthYearNavigationContext } from '@components/date_picker/context';\nimport { MonthYearPickerContext } from '@components/date_picker/components/month_year_picker/context';\nimport styles from '@css/date_picker/main.module.less';\nimport { MONTH_VIEW } from '@components/date_picker/components/month_year_picker/constants';\n\nconst YearView = () => {\n    const { setYear, year } = useContext(MonthYearNavigationContext);\n    const { yearRange, setView } = useContext(MonthYearPickerContext);\n    const onYearClick = (yearIndex: number) => () => {\n        setYear(yearRange + yearIndex);\n        setView(MONTH_VIEW);\n    };\n    return (\n        <div className={styles[cssDatePickerMonthTable]}>\n            {Array.from(Array(YEARS_IN_VIEW).keys()).map((index) => (\n                <span\n                    key={`month-picker-month-${index}`}\n                    onClick={onYearClick(index)}\n                    className={`${styles[cssDatePickerMonthTableItem]} ${\n                        yearRange + index === year ? styles[cssDatePickerMonthTableItemSelected] : ''\n                    }`}\n                >\n                    {yearRange + index}\n                </span>\n            ))}\n        </div>\n    );\n};\n\nexport default YearView;\n"],"names":["MONTH_VIEW","React","styles","cssDatePickerMonthTable","YEARS_IN_VIEW","cssDatePickerMonthTableItem","cssDatePickerMonthTableItemSelected"],"mappings":";;;;;;;;;;;;;;;;;IAQM,QAAQ,GAAG;IACP,IAAA,+DAA0D,EAAxD,oBAAO,EAAE,cAA+C,CAAC;IAC3D,IAAA,qDAA2D,EAAzD,wBAAS,EAAE,oBAA8C,CAAC;IAClE,IAAM,WAAW,GAAG,UAAC,SAAiB,IAAK,OAAA;QACvC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;QAC/B,OAAO,CAACA,sBAAU,CAAC,CAAC;KACvB,GAAA,CAAC;IACF,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,mCAAuB,CAAC,IAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAACC,uBAAa,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QACpDH,kDACI,GAAG,EAAE,wBAAsB,KAAO,EAClC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAC3B,SAAS,EAAKC,sBAAM,CAACG,uCAA2B,CAAC,UAC7C,SAAS,GAAG,KAAK,KAAK,IAAI,GAAGH,sBAAM,CAACI,+CAAmC,CAAC,GAAG,EAAE,CAC/E,IAED,SAAS,GAAG,KAAK,CACf,IACV,CAAC,CACA,EACR;AACN;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/constants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MONTH_VIEW = 'MONTH_VIEW';
+var YEARS_VIEW = 'YEARS_VIEW';
+
+exports.MONTH_VIEW = MONTH_VIEW;
+exports.YEARS_VIEW = YEARS_VIEW;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/constants.ts"],"sourcesContent":["export const MONTH_VIEW = 'MONTH_VIEW';\nexport const YEARS_VIEW = 'YEARS_VIEW';\n"],"names":[],"mappings":";;;;IAAa,UAAU,GAAG,aAAa;IAC1B,UAAU,GAAG;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/context.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var MonthYearPickerContext = React.createContext({
+    monthPickerTitle: '',
+    onArrowLeft: function () { },
+    onArrowRight: function () { },
+    toggleView: function () { },
+    setView: function () { },
+    setYearRange: function () { },
+    view: '',
+    yearRange: 0,
+    month: 0,
+});
+
+exports.MonthYearPickerContext = MonthYearPickerContext;
+//# sourceMappingURL=context.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { IMonthYearPickerContext } from './types';\n\nexport const MonthYearPickerContext = createContext<IMonthYearPickerContext>({\n    monthPickerTitle: '',\n    onArrowLeft() {},\n    onArrowRight() {},\n    toggleView() {},\n    setView() {},\n    setYearRange() {},\n    view: '',\n    yearRange: 0,\n    month: 0,\n});\n"],"names":["createContext"],"mappings":";;;;;;IAGa,sBAAsB,GAAGA,mBAAa,CAA0B;IACzE,gBAAgB,EAAE,EAAE;IACpB,WAAW,iBAAK;IAChB,YAAY,iBAAK;IACjB,UAAU,iBAAK;IACf,OAAO,iBAAK;IACZ,YAAY,iBAAK;IACjB,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,CAAC;CACX;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var month_year_controller = require('./components/month_year_controller.js');
+var month_year_view = require('./components/month_year_view.js');
+var month_year_picker_context_manager = require('./components/month_year_picker_context_manager.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var MonthYearPicker = function (_a) {
+    var year = _a.year, month = _a.month;
+    return (React__default['default'].createElement(month_year_picker_context_manager['default'], { year: year, month: month },
+        React__default['default'].createElement(month_year_controller['default'], null),
+        React__default['default'].createElement(month_year_view['default'], null)));
+};
+
+exports.default = MonthYearPicker;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/date_picker/components/month_year_picker/index.tsx"],"sourcesContent":["import React from 'react';\nimport { IMonthYearPickerProps } from '@components/date_picker/types';\nimport MonthYearPickerController from './components/month_year_controller';\nimport MonthYearView from './components/month_year_view';\nimport MonthYearPickerContextManager from './components/month_year_picker_context_manager';\n\nconst MonthYearPicker: React.FC<IMonthYearPickerProps> = ({ year, month }) => (\n    <MonthYearPickerContextManager year={year} month={month}>\n        <MonthYearPickerController />\n        <MonthYearView />\n    </MonthYearPickerContextManager>\n);\n\nexport default MonthYearPicker;\n"],"names":["React","MonthYearPickerContextManager","MonthYearPickerController","MonthYearView"],"mappings":";;;;;;;;;;;;;IAMM,eAAe,GAAoC,UAAC,EAAe;QAAb,cAAI,EAAE,gBAAK;IAAO,QAC1EA,wCAACC,4CAA6B,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACnDD,wCAACE,gCAAyB,OAAG;QAC7BF,wCAACG,0BAAa,OAAG,CACW;AAJ0C;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('../context/value_controller_context.js');
+var month_year_navigation_context = require('../context/month_year_navigation_context.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var constants = require('../constants.js');
+var use_animation = require('../hooks/use_animation.js');
+var days_grid = require('./days_grid.js');
+var month_controller = require('./month_controller.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PureDatepicker = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, setMonthYear = _a.setMonthYear, month = _a.month, year = _a.year;
+    var _c = use_animation['default']({ offset: 200 }), animationWrapper = _c.animationWrapper, setRightAnimation = _c.setRightAnimation, setLeftAnimation = _c.setLeftAnimation, animationClassName = _c.animationClassName;
+    var setMonthYearWithDelay = animationWrapper(setMonthYear);
+    var previousMonth = function () {
+        if (!month) {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year - 1, month: constants.MAX_MONTH });
+            });
+        }
+        else {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year, month: month - 1 });
+            });
+        }
+    };
+    var nextMonth = function () {
+        if (month === constants.MAX_MONTH) {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year + 1, month: constants.MIN_MONTH });
+            });
+        }
+        else {
+            setMonthYearWithDelay(function (_a) {
+                var year = _a.year;
+                return ({ year: year, month: month + 1 });
+            });
+        }
+    };
+    var prevMonthWithAnimation = function () {
+        setLeftAnimation();
+        previousMonth();
+    };
+    var nextMonthWithAnimation = function () {
+        setRightAnimation();
+        nextMonth();
+    };
+    var setMonth = function (month) {
+        setMonthYearWithDelay(function (_a) {
+            var year = _a.year;
+            return ({ month: month, year: year });
+        });
+    };
+    var setYear = function (year) { return setMonthYearWithDelay(function (_a) {
+        var month = _a.month;
+        return ({ month: month, year: year });
+    }); };
+    return (React__default['default'].createElement("div", { className: className + " " + main_module['default'][css_classes.cssDatePickerContainer] },
+        React__default['default'].createElement(month_year_navigation_context['default'].Provider, { value: {
+                previousMonth: prevMonthWithAnimation,
+                nextMonth: nextMonthWithAnimation,
+                animationClassName: animationClassName,
+                year: year,
+                month: month,
+                setYear: setYear,
+                setMonth: setMonth,
+            } },
+            React__default['default'].createElement(month_controller['default'], { month: month, year: year }),
+            React__default['default'].createElement(days_grid['default'], null))));
+};
+
+exports.PureDatepicker = PureDatepicker;
+exports.default = PureDatepicker;
+//# sourceMappingURL=pure_date_picker.js.map

package/build/cjs/packages/aurora/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":["MAX_MONTH","MIN_MONTH","React","styles","cssDatePickerContainer","MonthYearNavigationContext","MonthController","DaysGrid"],"mappings":";;;;;;;;;;;;;;;;;;IAUa,cAAc,GAAmC,UAAC,EAA6C;QAA3C,iBAAc,EAAd,mCAAc,EAAE,8BAAY,EAAE,gBAAK,EAAE,cAAI;IAChG,IAAA,8CAA6G,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,EAAEA,mBAAS,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,KAAKA,mBAAS,EAAE;YACrB,qBAAqB,CAAC,UAAC,EAAQ;oBAAN,cAAI;gBAAO,QAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAEC,mBAAS,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,QACIC,iDAAK,SAAS,EAAK,SAAS,SAAIC,sBAAM,CAACC,kCAAsB,CAAG;QAC5DF,wCAACG,wCAA0B,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;YAEDH,wCAACI,2BAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC7CJ,wCAACK,oBAAQ,OAAG,CACsB,CACpC,EACR;AACN;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/components/single_day.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('../../../utilities/styles/classNames.js');
+var value_controller_context = require('../context/value_controller_context.js');
+require('../context/month_year_navigation_context.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var constants = require('../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SingleDay = function (_a) {
+    var date = _a.date, month = _a.month, year = _a.year;
+    var _b = React.useContext(value_controller_context['default']), 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 = React.useMemo(function () {
+        return classNames.classNames([
+            css_classes.cssDatePickerDay,
+            navigation && css_classes.cssDatePickerDayNavigation,
+            selected && css_classes.cssDatePickerDaySelected,
+            blocked && css_classes.cssDatePickerDayBlocked,
+            proposed && (inRange || selected) && css_classes.cssDatePickerDayProposed,
+            firstRangeDay && css_classes.cssDatePickerDayRangeEndLeft,
+            firstRangeDay && proposed && css_classes.cssDatePickerDayRangeEndLeftProposed,
+            lastRangeDay && css_classes.cssDatePickerDayRangeEndRight,
+            lastRangeDay && proposed && css_classes.cssDatePickerDayRangeEndRightProposed,
+            oneDayRange && css_classes.cssDatePickerDaySelected,
+            inRange && css_classes.cssDatePickerDayInRange,
+        ], main_module['default']);
+    }, [navigation, selected, blocked, proposed, inRange, firstRangeDay, lastRangeDay, oneDayRange]);
+    var dayTextClassName = React.useMemo(function () {
+        return classNames.classNames([
+            css_classes.cssDatePickerDayText,
+            roundedBorders && css_classes.cssDatePickerDayTextRoundedBorders,
+            selected && navigation && css_classes.cssDatePickerDayTextNavigation,
+            today && navigation && css_classes.cssDatePickerDayTextNavigation,
+            today && css_classes.cssDatePickerDayTextToday,
+            selected && css_classes.cssDatePickerDayTextSelected,
+        ], main_module['default']);
+    }, [roundedBorders, selected, navigation, today]);
+    return (React__default['default'].createElement("div", { className: dayClassName, onClick: function () { return updateDate(new Date(year, month, date)); }, onMouseOver: function () {
+            setHoverDate(new Date(year, month, date));
+        } },
+        React__default['default'].createElement("div", { className: dayTextClassName, "data-test-id": constants.DATE_PICKER_TEST_ID.dayContent }, date)));
+};
+
+exports.default = SingleDay;
+//# sourceMappingURL=single_day.js.map

package/build/cjs/packages/aurora/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 } =\n        useContext<IValueController>(ValueControllerContext);\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":["useMemo","classNames","cssDatePickerDay","cssDatePickerDayNavigation","cssDatePickerDaySelected","cssDatePickerDayBlocked","cssDatePickerDayProposed","cssDatePickerDayRangeEndLeft","cssDatePickerDayRangeEndLeftProposed","cssDatePickerDayRangeEndRight","cssDatePickerDayRangeEndRightProposed","cssDatePickerDayInRange","styles","cssDatePickerDayText","cssDatePickerDayTextRoundedBorders","cssDatePickerDayTextNavigation","cssDatePickerDayTextToday","cssDatePickerDayTextSelected","React","DATE_PICKER_TEST_ID"],"mappings":";;;;;;;;;;;;;;;;IAwBM,SAAS,GAA8B,UAAC,EAAqB;QAAnB,cAAI,EAAE,gBAAK,EAAE,cAAI;IACvD,IAAA,0DACkD,EADhD,0BAAU,EAAE,0BAAU,EAAE,wBAAS,EAAE,8BAAY,EAAE,wBAAS,EAAE,oBAAO,EAAE,8BAAY,EAAE,0BACnC,CAAC;IACzD,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,GAAGA,aAAO,CACxB;QACI,OAAAC,qBAAU,CACN;YACIC,4BAAgB;YAChB,UAAU,IAAIC,sCAA0B;YACxC,QAAQ,IAAIC,oCAAwB;YACpC,OAAO,IAAIC,mCAAuB;YAClC,QAAQ,KAAK,OAAO,IAAI,QAAQ,CAAC,IAAIC,oCAAwB;YAC7D,aAAa,IAAIC,wCAA4B;YAC7C,aAAa,IAAI,QAAQ,IAAIC,gDAAoC;YACjE,YAAY,IAAIC,yCAA6B;YAC7C,YAAY,IAAI,QAAQ,IAAIC,iDAAqC;YACjE,WAAW,IAAIN,oCAAwB;YACvC,OAAO,IAAIO,mCAAuB;SACrC,EACDC,sBAAM,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,GAAGZ,aAAO,CAC5B;QACI,OAAAC,qBAAU,CACN;YACIY,gCAAoB;YACpB,cAAc,IAAIC,8CAAkC;YACpD,QAAQ,IAAI,UAAU,IAAIC,0CAA8B;YACxD,KAAK,IAAI,UAAU,IAAIA,0CAA8B;YACrD,KAAK,IAAIC,qCAAyB;YAClC,QAAQ,IAAIC,wCAA4B;SAC3C,EACDL,sBAAM,CACT;KAAA,EACL,CAAC,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,CAChD,CAAC;IAEF,QACIM,iDACI,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;QAEDA,iDAAK,SAAS,EAAE,gBAAgB,kBAAgBC,6BAAmB,CAAC,UAAU,IACzE,IAAI,CACH,CACJ,EACR;AACN;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/constants.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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,
+};
+
+exports.DATE_PICKER_TEST_ID = DATE_PICKER_TEST_ID;
+exports.MAX_MONTH = MAX_MONTH;
+exports.MILLIS_IN_DAY = MILLIS_IN_DAY;
+exports.MIN_MONTH = MIN_MONTH;
+exports.MONTHS_IN_YEAR = MONTHS_IN_YEAR;
+exports.YEARS_IN_VIEW = YEARS_IN_VIEW;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/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/cjs/packages/aurora/src/components/date_picker/context/month_year_navigation_context.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var MonthYearNavigationContext = React.createContext({
+    month: new Date().getMonth(),
+    year: new Date().getFullYear(),
+    animationClassName: '',
+    nextMonth: function () { },
+    previousMonth: function () { },
+    setMonth: function () { },
+    setYear: function () { },
+});
+
+exports.default = MonthYearNavigationContext;
+//# sourceMappingURL=month_year_navigation_context.js.map

package/build/cjs/packages/aurora/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":["createContext"],"mappings":";;;;;;IAGM,0BAA0B,GAAGA,mBAAa,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/cjs/packages/aurora/src/components/date_picker/context/value_controller_context.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var DatepickerContext = React.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,
+});
+
+exports.default = DatepickerContext;
+//# sourceMappingURL=value_controller_context.js.map

package/build/cjs/packages/aurora/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":["createContext"],"mappings":";;;;;;IAGM,iBAAiB,GAAGA,mBAAa,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/cjs/packages/aurora/src/components/date_picker/css_classes.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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";
+
+exports.cssDatePicker = cssDatePicker;
+exports.cssDatePickerCommonRanges = cssDatePickerCommonRanges;
+exports.cssDatePickerContainer = cssDatePickerContainer;
+exports.cssDatePickerController = cssDatePickerController;
+exports.cssDatePickerControllerArrow = cssDatePickerControllerArrow;
+exports.cssDatePickerControllerArrowLeft = cssDatePickerControllerArrowLeft;
+exports.cssDatePickerControllerArrowRight = cssDatePickerControllerArrowRight;
+exports.cssDatePickerControllerTitle = cssDatePickerControllerTitle;
+exports.cssDatePickerDay = cssDatePickerDay;
+exports.cssDatePickerDayBlocked = cssDatePickerDayBlocked;
+exports.cssDatePickerDayInRange = cssDatePickerDayInRange;
+exports.cssDatePickerDayNavigation = cssDatePickerDayNavigation;
+exports.cssDatePickerDayProposed = cssDatePickerDayProposed;
+exports.cssDatePickerDayRangeEndLeft = cssDatePickerDayRangeEndLeft;
+exports.cssDatePickerDayRangeEndLeftProposed = cssDatePickerDayRangeEndLeftProposed;
+exports.cssDatePickerDayRangeEndRight = cssDatePickerDayRangeEndRight;
+exports.cssDatePickerDayRangeEndRightProposed = cssDatePickerDayRangeEndRightProposed;
+exports.cssDatePickerDaySelected = cssDatePickerDaySelected;
+exports.cssDatePickerDayText = cssDatePickerDayText;
+exports.cssDatePickerDayTextNavigation = cssDatePickerDayTextNavigation;
+exports.cssDatePickerDayTextRoundedBorders = cssDatePickerDayTextRoundedBorders;
+exports.cssDatePickerDayTextSelected = cssDatePickerDayTextSelected;
+exports.cssDatePickerDayTextToday = cssDatePickerDayTextToday;
+exports.cssDatePickerDaysGrid = cssDatePickerDaysGrid;
+exports.cssDatePickerDaysGridRow = cssDatePickerDaysGridRow;
+exports.cssDatePickerDaysGridWeekName = cssDatePickerDaysGridWeekName;
+exports.cssDatePickerLabelIcon = cssDatePickerLabelIcon;
+exports.cssDatePickerMonthTable = cssDatePickerMonthTable;
+exports.cssDatePickerMonthTableItem = cssDatePickerMonthTableItem;
+exports.cssDatePickerMonthTableItemSelected = cssDatePickerMonthTableItemSelected;
+exports.cssRangePicker = cssRangePicker;
+exports.cssRangePickerContainer = cssRangePickerContainer;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/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/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../_virtual/_tslib.js');
+var value_controller_context = require('../context/value_controller_context.js');
+require('../context/month_year_navigation_context.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
+var pure_date_picker = require('../components/pure_date_picker.js');
+var common_ranges = require('../components/common_ranges.js');
+var buttons = require('../components/buttons.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var RangePicker = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
+    var _c, _d;
+    var _e = React.useContext(value_controller_context['default']), 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 = React.useState({
+        year: earlierDate.getFullYear(),
+        month: earlierDate.getMonth(),
+    }), earlierMonthYear = _f[0], setEarlierMonthYear = _f[1];
+    var _g = React.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;
+    React.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]);
+    React.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]);
+    use_keyboard_navigation.useKeyboardNavigation();
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssRangePicker] },
+        showDefaultRanges && React__default['default'].createElement(common_ranges['default'], null),
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssRangePickerContainer] },
+            React__default['default'].createElement(pure_date_picker.PureDatepicker, _tslib.__assign({ setMonthYear: setEarlierMonthYear }, earlierMonthYear, { className: className })),
+            React__default['default'].createElement(pure_date_picker.PureDatepicker, _tslib.__assign({ setMonthYear: setLaterMonthYear }, laterMonthYear, { className: className }))),
+        showButtons && React__default['default'].createElement(buttons['default'], null)));
+};
+
+exports.RangePicker = RangePicker;
+exports.default = RangePicker;
+//# sourceMappingURL=range_picker.js.map

package/build/cjs/packages/aurora/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>({\n        year: earlierDate.getFullYear(),\n        month: earlierDate.getMonth(),\n    });\n    const [laterMonthYear, setLaterMonthYear] = useState<IMonthYear>({\n        year: laterDate.getFullYear(),\n        month: laterDate.getMonth(),\n    });\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":["useEffect","useKeyboardNavigation","React","styles","cssRangePicker","CommonRanges","cssRangePickerContainer","PureDatepicker","Buttons"],"mappings":";;;;;;;;;;;;;;;;;;;IAUa,WAAW,GAAgC,UAAC,EAAkD;QAAhD,iBAAc,EAAd,mCAAc,EAAE,4BAAW,EAAE,wCAAiB;;IAC/F,IAAA,0DAA8E,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;;;MAGJ,EAHK,wBAAgB,EAAE,2BAGvB,CAAC;IACG,IAAA;;;MAGJ,EAHK,sBAAc,EAAE,yBAGrB,CAAC;IAEH,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;IAEhDA,eAAS,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;IAEvEA,eAAS,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;IAErEC,6CAAqB,EAAE,CAAC;IAExB,QACIC,iDAAK,SAAS,EAAEC,sBAAM,CAACC,0BAAc,CAAC;QACjC,iBAAiB,IAAIF,wCAACG,wBAAY,OAAG;QACtCH,iDAAK,SAAS,EAAEC,sBAAM,CAACG,mCAAuB,CAAC;YAC3CJ,wCAACK,+BAAc,oBAAC,YAAY,EAAE,mBAAmB,IAAM,gBAAgB,IAAE,SAAS,EAAE,SAAS,IAAI;YACjGL,wCAACK,+BAAc,oBAAC,YAAY,EAAE,iBAAiB,IAAM,cAAc,IAAE,SAAS,EAAE,SAAS,IAAI,CAC3F;QACL,WAAW,IAAIL,wCAACM,kBAAO,OAAG,CACzB,EACR;AACN;;;;;"}

package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var value_controller_context = require('../context/value_controller_context.js');
+require('../context/month_year_navigation_context.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var pure_date_picker = require('../components/pure_date_picker.js');
+var buttons = require('../components/buttons.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SingleDatepicker = function (_a) {
+    var className = _a.className, showButtons = _a.showButtons;
+    var defaultDate = React.useContext(value_controller_context['default']).defaultDate;
+    var currentDate = new Date(defaultDate || Date.now());
+    var _b = React.useState({
+        month: currentDate.getMonth(),
+        year: currentDate.getFullYear(),
+    }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePicker] },
+            React__default['default'].createElement(pure_date_picker.PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),
+            showButtons && React__default['default'].createElement(buttons['default'], null))));
+};
+
+exports.SingleDatepicker = SingleDatepicker;
+exports.default = SingleDatepicker;
+//# sourceMappingURL=single_date_picker.js.map

package/build/cjs/packages/aurora/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({\n        month: currentDate.getMonth(),\n        year: currentDate.getFullYear(),\n    });\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":["React","cssClasses","cssDatePicker","PureDatepicker","Buttons"],"mappings":";;;;;;;;;;;;;;;;IAQa,gBAAgB,GAA+B,UAAC,EAA0B;QAAxB,wBAAS,EAAE,4BAAW;IACzE,IAAA,+EAAW,CAAwC;IAC3D,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAClD,IAAA;;;MAGJ,EAHK,UAAe,EAAb,gBAAK,EAAE,cAAI,EAAI,oBAGtB,CAAC;IAEH,QACIA;QACIA,iDAAK,SAAS,EAAEC,sBAAU,CAACC,yBAAa,CAAC;YACrCF,wCAACG,+BAAc,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI;YAC7F,WAAW,IAAIH,wCAACI,kBAAO,OAAG,CACzB,CACP,EACL;AACN;;;;;"}