@razorpay/blade 11.19.1 → 11.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/web/development/components/DatePicker/Calendar.web.js +9 -5
- package/build/lib/web/development/components/DatePicker/Calendar.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js +40 -33
- package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/DateInput.web.js +2 -1
- package/build/lib/web/development/components/DatePicker/DateInput.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/DatePicker.web.js +5 -5
- package/build/lib/web/development/components/DatePicker/DatePicker.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/shiftTimezone.js +39 -0
- package/build/lib/web/development/components/DatePicker/shiftTimezone.js.map +1 -0
- package/build/lib/web/development/components/DatePicker/useControlledDates.js +5 -8
- package/build/lib/web/development/components/DatePicker/useControlledDates.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/utils.js +33 -1
- package/build/lib/web/development/components/DatePicker/utils.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/Calendar.web.js +9 -5
- package/build/lib/web/production/components/DatePicker/Calendar.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/CalendarStyles.web.js +40 -33
- package/build/lib/web/production/components/DatePicker/CalendarStyles.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/DateInput.web.js +2 -1
- package/build/lib/web/production/components/DatePicker/DateInput.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/DatePicker.web.js +5 -5
- package/build/lib/web/production/components/DatePicker/DatePicker.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/shiftTimezone.js +39 -0
- package/build/lib/web/production/components/DatePicker/shiftTimezone.js.map +1 -0
- package/build/lib/web/production/components/DatePicker/useControlledDates.js +5 -8
- package/build/lib/web/production/components/DatePicker/useControlledDates.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/utils.js +33 -1
- package/build/lib/web/production/components/DatePicker/utils.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
import timezonePlugin from 'dayjs/plugin/timezone';
|
|
3
|
+
import utcPlugin from 'dayjs/plugin/utc';
|
|
4
|
+
|
|
5
|
+
dayjs.extend(utcPlugin);
|
|
6
|
+
dayjs.extend(timezonePlugin);
|
|
7
|
+
function getTimezoneOffset(date, timezone) {
|
|
8
|
+
if (timezone) {
|
|
9
|
+
return dayjs(date).tz(timezone).utcOffset() + date.getTimezoneOffset();
|
|
10
|
+
}
|
|
11
|
+
return 0;
|
|
12
|
+
}
|
|
13
|
+
var updateTimezone = function updateTimezone(date, timezone, direction) {
|
|
14
|
+
if (!date) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
if (!timezone) {
|
|
18
|
+
return date;
|
|
19
|
+
}
|
|
20
|
+
var offset = getTimezoneOffset(date, timezone);
|
|
21
|
+
if (direction === 'remove') {
|
|
22
|
+
offset *= -1;
|
|
23
|
+
}
|
|
24
|
+
return dayjs(date).add(offset, 'minutes').toDate();
|
|
25
|
+
};
|
|
26
|
+
function shiftTimezone(direction, date, timezone, disabled) {
|
|
27
|
+
if (disabled || !date) {
|
|
28
|
+
return date;
|
|
29
|
+
}
|
|
30
|
+
if (Array.isArray(date)) {
|
|
31
|
+
return date.map(function (d) {
|
|
32
|
+
return updateTimezone(d, timezone, direction);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
return updateTimezone(date, timezone, direction);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export { shiftTimezone };
|
|
39
|
+
//# sourceMappingURL=shiftTimezone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shiftTimezone.js","sources":["../../../../../../src/components/DatePicker/shiftTimezone.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport timezonePlugin from 'dayjs/plugin/timezone';\nimport utcPlugin from 'dayjs/plugin/utc';\nimport type { DateValue, DatesRangeValue } from './types';\n\ndayjs.extend(utcPlugin);\ndayjs.extend(timezonePlugin);\n\nfunction getTimezoneOffset(date: Date, timezone?: string): number {\n if (timezone) {\n return dayjs(date).tz(timezone).utcOffset() + date.getTimezoneOffset();\n }\n return 0;\n}\n\ntype TimeShiftDirection = 'add' | 'remove';\n\nconst updateTimezone = (\n date: DateValue | undefined,\n timezone?: string,\n direction?: TimeShiftDirection,\n): DateValue => {\n if (!date) {\n return null;\n }\n if (!timezone) {\n return date;\n }\n let offset = getTimezoneOffset(date, timezone);\n if (direction === 'remove') {\n offset *= -1;\n }\n return dayjs(date).add(offset, 'minutes').toDate();\n};\n\nexport function shiftTimezone<T extends DateValue | Date[] | DatesRangeValue | undefined>(\n direction: TimeShiftDirection,\n date: T,\n timezone?: string,\n disabled?: boolean,\n): T {\n if (disabled || !date) {\n return date;\n }\n if (Array.isArray(date)) {\n return date.map((d) => updateTimezone(d, timezone, direction)) as T;\n }\n return updateTimezone(date, timezone, direction) as T;\n}\n"],"names":["dayjs","extend","utcPlugin","timezonePlugin","getTimezoneOffset","date","timezone","tz","utcOffset","updateTimezone","direction","offset","add","toDate","shiftTimezone","disabled","Array","isArray","map","d"],"mappings":";;;;AAKAA,KAAK,CAACC,MAAM,CAACC,SAAS,CAAC,CAAA;AACvBF,KAAK,CAACC,MAAM,CAACE,cAAc,CAAC,CAAA;AAE5B,SAASC,iBAAiBA,CAACC,IAAU,EAAEC,QAAiB,EAAU;AAChE,EAAA,IAAIA,QAAQ,EAAE;AACZ,IAAA,OAAON,KAAK,CAACK,IAAI,CAAC,CAACE,EAAE,CAACD,QAAQ,CAAC,CAACE,SAAS,EAAE,GAAGH,IAAI,CAACD,iBAAiB,EAAE,CAAA;AACxE,GAAA;AACA,EAAA,OAAO,CAAC,CAAA;AACV,CAAA;AAIA,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAClBJ,IAA2B,EAC3BC,QAAiB,EACjBI,SAA8B,EAChB;EACd,IAAI,CAACL,IAAI,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,IAAI,CAACC,QAAQ,EAAE;AACb,IAAA,OAAOD,IAAI,CAAA;AACb,GAAA;AACA,EAAA,IAAIM,MAAM,GAAGP,iBAAiB,CAACC,IAAI,EAAEC,QAAQ,CAAC,CAAA;EAC9C,IAAII,SAAS,KAAK,QAAQ,EAAE;IAC1BC,MAAM,IAAI,CAAC,CAAC,CAAA;AACd,GAAA;AACA,EAAA,OAAOX,KAAK,CAACK,IAAI,CAAC,CAACO,GAAG,CAACD,MAAM,EAAE,SAAS,CAAC,CAACE,MAAM,EAAE,CAAA;AACpD,CAAC,CAAA;AAEM,SAASC,aAAaA,CAC3BJ,SAA6B,EAC7BL,IAAO,EACPC,QAAiB,EACjBS,QAAkB,EACf;AACH,EAAA,IAAIA,QAAQ,IAAI,CAACV,IAAI,EAAE;AACrB,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;AACA,EAAA,IAAIW,KAAK,CAACC,OAAO,CAACZ,IAAI,CAAC,EAAE;AACvB,IAAA,OAAOA,IAAI,CAACa,GAAG,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKV,cAAc,CAACU,CAAC,EAAEb,QAAQ,EAAEI,SAAS,CAAC,CAAA;KAAC,CAAA,CAAA;AAChE,GAAA;AACA,EAAA,OAAOD,cAAc,CAACJ,IAAI,EAAEC,QAAQ,EAAEI,SAAS,CAAC,CAAA;AAClD;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
2
|
import { useRef } from 'react';
|
|
3
3
|
import { useUncontrolled } from '@mantine/hooks';
|
|
4
|
-
import {
|
|
4
|
+
import { shiftTimezone } from './shiftTimezone.js';
|
|
5
5
|
import '../../utils/logger/index.js';
|
|
6
6
|
import { throwBladeError } from '../../utils/logger/logger.js';
|
|
7
7
|
|
|
@@ -12,17 +12,14 @@ function useUncontrolledDates(_ref) {
|
|
|
12
12
|
var type = _ref.type,
|
|
13
13
|
value = _ref.value,
|
|
14
14
|
defaultValue = _ref.defaultValue,
|
|
15
|
-
_onChange = _ref.onChange
|
|
16
|
-
_ref$applyTimezone = _ref.applyTimezone,
|
|
17
|
-
applyTimezone = _ref$applyTimezone === void 0 ? true : _ref$applyTimezone;
|
|
15
|
+
_onChange = _ref.onChange;
|
|
18
16
|
var storedType = useRef(type);
|
|
19
|
-
var ctx = useDatesContext();
|
|
20
17
|
var _useUncontrolled = useUncontrolled({
|
|
21
|
-
value: shiftTimezone('add', value
|
|
22
|
-
defaultValue: shiftTimezone('add', defaultValue
|
|
18
|
+
value: shiftTimezone('add', value),
|
|
19
|
+
defaultValue: shiftTimezone('add', defaultValue),
|
|
23
20
|
finalValue: getEmptyValue(type),
|
|
24
21
|
onChange: function onChange(newDate) {
|
|
25
|
-
_onChange === null || _onChange === void 0 ? void 0 : _onChange(shiftTimezone('remove', newDate
|
|
22
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange(shiftTimezone('remove', newDate));
|
|
26
23
|
}
|
|
27
24
|
}),
|
|
28
25
|
_useUncontrolled2 = _slicedToArray(_useUncontrolled, 3),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useControlledDates.js","sources":["../../../../../../src/components/DatePicker/useControlledDates.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable default-case */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport { shiftTimezone
|
|
1
|
+
{"version":3,"file":"useControlledDates.js","sources":["../../../../../../src/components/DatePicker/useControlledDates.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable default-case */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport { shiftTimezone } from './shiftTimezone';\nimport { throwBladeError } from '~utils/logger';\n\ninterface UseUncontrolledDates<Type extends DatePickerType = 'default'> {\n type: Type;\n value: DatePickerValue<Type> | undefined;\n defaultValue: DatePickerValue<Type> | undefined;\n onChange: ((value: DatePickerValue<Type>) => void) | undefined;\n applyTimezone?: boolean;\n}\n\nconst getEmptyValue = <Type extends DatePickerType = 'default'>(type: Type) =>\n type === 'range' ? [null, null] : type === 'multiple' ? [] : null;\n\nfunction useUncontrolledDates<Type extends DatePickerType = 'default'>({\n type,\n value,\n defaultValue,\n onChange,\n}: UseUncontrolledDates<Type>) {\n const storedType = useRef<Type>(type);\n const [_value, _setValue, controlled] = useUncontrolled<any>({\n value: shiftTimezone('add', value),\n defaultValue: shiftTimezone('add', defaultValue),\n finalValue: getEmptyValue(type),\n onChange: (newDate) => {\n onChange?.(shiftTimezone('remove', newDate));\n },\n });\n\n let _finalValue = _value;\n\n if (storedType.current !== type) {\n // Type has changed. Do some checks or resets\n\n storedType.current = type;\n if (value === undefined) {\n // Reset uncontrolled value as types aren't compatible\n _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);\n _setValue(_finalValue);\n } else if (__DEV__) {\n // Throw errors in dev mode in case type of value isn't correct\n switch (type) {\n case 'default':\n if (value !== null && typeof value !== 'string') {\n throwBladeError({\n message: 'Value must be type of `null` or `string`',\n moduleName: 'useControlledDates',\n });\n }\n break;\n case 'multiple':\n if (!(value instanceof Array)) {\n throwBladeError({\n message: 'Value must be type of `string[]`',\n moduleName: 'useControlledDates',\n });\n }\n break;\n case 'range':\n if (!(value instanceof Array) || value.length !== 2) {\n throwBladeError({\n message: 'Value must be type of `[string, string]`',\n moduleName: 'useControlledDates',\n });\n }\n break;\n }\n }\n }\n\n return [_finalValue, _setValue, controlled];\n}\n\nexport { useUncontrolledDates };\n"],"names":["getEmptyValue","type","useUncontrolledDates","_ref","value","defaultValue","onChange","storedType","useRef","_useUncontrolled","useUncontrolled","shiftTimezone","finalValue","newDate","_useUncontrolled2","_slicedToArray","_value","_setValue","controlled","_finalValue","current","undefined","throwBladeError","message","moduleName","Array","length"],"mappings":"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"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
|
+
import dayjs from 'dayjs';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["formatter"];
|
|
1
5
|
var dayjs_locales = ['af', 'ar', 'ar-dz', 'ar-kw', 'ar-ly', 'ar-ma', 'ar-sa', 'ar-tn', 'az', 'be', 'bg', 'bm', 'bn', 'bo', 'br', 'bs', 'ca', 'cs', 'cv', 'cy', 'da', 'de', 'de-at', 'de-ch', 'dv', 'el', 'en', 'en-au', 'en-ca', 'en-gb', 'en-ie', 'en-il', 'en-nz', 'en-SG', 'eo', 'es', 'es-do', 'es-us', 'et', 'eu', 'fa', 'fi', 'fo', 'fr', 'fr-ca', 'fr-ch', 'fy', 'ga', 'gd', 'gl', 'gom-latn', 'gu', 'he', 'hi', 'hr', 'hu', 'hy-am', 'id', 'is', 'it', 'it-ch', 'ja', 'jv', 'ka', 'kk', 'km', 'kn', 'ko', 'ku', 'ky', 'lb', 'lo', 'lt', 'lv', 'me', 'mi', 'mk', 'ml', 'mn', 'mr', 'ms', 'ms-my', 'mt', 'my', 'nb', 'ne', 'nl', 'nl-be', 'nn', 'oc-lnc', 'pa-in', 'pl', 'pt', 'pt-br', 'ro', 'ru', 'sd', 'se', 'si', 'sk', 'sl', 'sq', 'sr', 'sr-cyrl', 'ss', 'sv', 'sw', 'ta', 'te', 'tet', 'tg', 'th', 'tl-ph', 'tlh', 'tr', 'tzl', 'tzm', 'tzm-latn', 'ug-cn', 'uk', 'ur', 'uz', 'uz-latn', 'vi', 'x-pseudo', 'yo', 'zh-cn', 'zh-hk', 'zh-tw'];
|
|
2
6
|
|
|
3
7
|
// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261
|
|
@@ -34,6 +38,34 @@ function loadScript(src, callback) {
|
|
|
34
38
|
};
|
|
35
39
|
document.head.appendChild(localeScript);
|
|
36
40
|
}
|
|
41
|
+
function defaultDateFormatter(_ref) {
|
|
42
|
+
var type = _ref.type,
|
|
43
|
+
date = _ref.date,
|
|
44
|
+
locale = _ref.locale,
|
|
45
|
+
format = _ref.format,
|
|
46
|
+
labelSeparator = _ref.labelSeparator;
|
|
47
|
+
var formatDate = function formatDate(value) {
|
|
48
|
+
return dayjs(value).locale(locale).format(format);
|
|
49
|
+
};
|
|
50
|
+
if (type === 'default') {
|
|
51
|
+
return date === null ? '' : formatDate(date);
|
|
52
|
+
}
|
|
53
|
+
if (type === 'range' && Array.isArray(date)) {
|
|
54
|
+
if (date[0] && date[1]) {
|
|
55
|
+
return "".concat(formatDate(date[0]), " ").concat(labelSeparator, " ").concat(formatDate(date[1]));
|
|
56
|
+
}
|
|
57
|
+
if (date[0]) {
|
|
58
|
+
return "".concat(formatDate(date[0]), " ").concat(labelSeparator, " ");
|
|
59
|
+
}
|
|
60
|
+
return '';
|
|
61
|
+
}
|
|
62
|
+
return '';
|
|
63
|
+
}
|
|
64
|
+
function getFormattedDate(_ref2) {
|
|
65
|
+
var formatter = _ref2.formatter,
|
|
66
|
+
others = _objectWithoutProperties(_ref2, _excluded);
|
|
67
|
+
return (formatter || defaultDateFormatter)(others);
|
|
68
|
+
}
|
|
37
69
|
|
|
38
|
-
export { convertIntlToDayjsLocale, loadScript };
|
|
70
|
+
export { convertIntlToDayjsLocale, getFormattedDate, loadScript };
|
|
39
71
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nconst dayjs_locales = [\n 'af',\n 'ar',\n 'ar-dz',\n 'ar-kw',\n 'ar-ly',\n 'ar-ma',\n 'ar-sa',\n 'ar-tn',\n 'az',\n 'be',\n 'bg',\n 'bm',\n 'bn',\n 'bo',\n 'br',\n 'bs',\n 'ca',\n 'cs',\n 'cv',\n 'cy',\n 'da',\n 'de',\n 'de-at',\n 'de-ch',\n 'dv',\n 'el',\n 'en',\n 'en-au',\n 'en-ca',\n 'en-gb',\n 'en-ie',\n 'en-il',\n 'en-nz',\n 'en-SG',\n 'eo',\n 'es',\n 'es-do',\n 'es-us',\n 'et',\n 'eu',\n 'fa',\n 'fi',\n 'fo',\n 'fr',\n 'fr-ca',\n 'fr-ch',\n 'fy',\n 'ga',\n 'gd',\n 'gl',\n 'gom-latn',\n 'gu',\n 'he',\n 'hi',\n 'hr',\n 'hu',\n 'hy-am',\n 'id',\n 'is',\n 'it',\n 'it-ch',\n 'ja',\n 'jv',\n 'ka',\n 'kk',\n 'km',\n 'kn',\n 'ko',\n 'ku',\n 'ky',\n 'lb',\n 'lo',\n 'lt',\n 'lv',\n 'me',\n 'mi',\n 'mk',\n 'ml',\n 'mn',\n 'mr',\n 'ms',\n 'ms-my',\n 'mt',\n 'my',\n 'nb',\n 'ne',\n 'nl',\n 'nl-be',\n 'nn',\n 'oc-lnc',\n 'pa-in',\n 'pl',\n 'pt',\n 'pt-br',\n 'ro',\n 'ru',\n 'sd',\n 'se',\n 'si',\n 'sk',\n 'sl',\n 'sq',\n 'sr',\n 'sr-cyrl',\n 'ss',\n 'sv',\n 'sw',\n 'ta',\n 'te',\n 'tet',\n 'tg',\n 'th',\n 'tl-ph',\n 'tlh',\n 'tr',\n 'tzl',\n 'tzm',\n 'tzm-latn',\n 'ug-cn',\n 'uk',\n 'ur',\n 'uz',\n 'uz-latn',\n 'vi',\n 'x-pseudo',\n 'yo',\n 'zh-cn',\n 'zh-hk',\n 'zh-tw',\n];\n\n// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261\nfunction patchLocale(locale: string): string | boolean {\n if (['en', 'en-us'].includes(locale)) return 'en';\n if (locale === 'zn') return 'zh-cn';\n if (locale === 'no') return 'nb';\n if (dayjs_locales.includes(locale)) return locale;\n return false;\n}\n\nfunction convertIntlToDayjsLocale(lang: string): string {\n lang = lang.toLowerCase();\n const locale = patchLocale(lang) || (lang.includes('-') && patchLocale(lang.split('-')[0]));\n if (!locale) return 'en';\n\n return `${locale}`;\n}\n\nfunction isScriptLoaded(src: string): boolean {\n return Boolean(document.querySelector(`script[src=\"${src}\"]`));\n}\n\n/**\n * Used to dynamically load a script\n */\nfunction loadScript(src: string, callback?: () => void): void {\n if (isScriptLoaded(src)) {\n callback?.();\n return;\n }\n const localeScript = document.createElement('script');\n localeScript.async = true;\n localeScript.src = src;\n localeScript.onload = () => callback?.();\n document.head.appendChild(localeScript);\n}\n\ninterface DateFormatterInput {\n type: DatePickerType;\n date: DatePickerValue<DatePickerType>;\n locale: string;\n format: string;\n labelSeparator: string;\n}\n\ntype DateFormatter = (input: DateFormatterInput) => string;\n\nfunction defaultDateFormatter({ type, date, locale, format, labelSeparator }: DateFormatterInput) {\n const formatDate = (value: Date) => dayjs(value).locale(locale).format(format);\n\n if (type === 'default') {\n return date === null ? '' : formatDate(date as Date);\n }\n\n if (type === 'range' && Array.isArray(date)) {\n if (date[0] && date[1]) {\n return `${formatDate(date[0])} ${labelSeparator} ${formatDate(date[1])}`;\n }\n\n if (date[0]) {\n return `${formatDate(date[0])} ${labelSeparator} `;\n }\n\n return '';\n }\n\n return '';\n}\n\ninterface GetFormattedDateInput extends DateFormatterInput {\n formatter?: DateFormatter;\n}\n\nfunction getFormattedDate({ formatter, ...others }: GetFormattedDateInput) {\n return (formatter || defaultDateFormatter)(others);\n}\n\nexport { convertIntlToDayjsLocale, loadScript, getFormattedDate };\n"],"names":["dayjs_locales","patchLocale","locale","includes","convertIntlToDayjsLocale","lang","toLowerCase","split","concat","isScriptLoaded","src","Boolean","document","querySelector","loadScript","callback","localeScript","createElement","async","onload","head","appendChild","defaultDateFormatter","_ref","type","date","format","labelSeparator","formatDate","value","dayjs","Array","isArray","getFormattedDate","_ref2","formatter","others","_objectWithoutProperties","_excluded"],"mappings":"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"}
|
|
@@ -3,11 +3,12 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
4
|
import dayjs from 'dayjs';
|
|
5
5
|
import 'react';
|
|
6
|
-
import { useDatesContext,
|
|
6
|
+
import { useDatesContext, DatePicker } from '@mantine/dates';
|
|
7
7
|
import { CalendarHeader } from './CalendarHeader.web.js';
|
|
8
8
|
import { CalendarStyles, CalendarGradientStyles } from './CalendarStyles.web.js';
|
|
9
9
|
import { useUncontrolledDates } from './useControlledDates.js';
|
|
10
10
|
import { pickerToLevel, levelToPicker, classes } from './constants.js';
|
|
11
|
+
import { shiftTimezone } from './shiftTimezone.js';
|
|
11
12
|
import { useControllableState } from '../../utils/useControllable.js';
|
|
12
13
|
import { useIsMobile } from '../../utils/useIsMobile.js';
|
|
13
14
|
import '../../utils/logger/index.js';
|
|
@@ -66,7 +67,7 @@ var Calendar = function Calendar(_ref) {
|
|
|
66
67
|
setDate = _useUncontrolledDates2[1];
|
|
67
68
|
var dateContext = useDatesContext();
|
|
68
69
|
var isMobile = useIsMobile();
|
|
69
|
-
var currentDate = _date !== null && _date !== void 0 ? _date : shiftTimezone('add', new Date()
|
|
70
|
+
var currentDate = _date !== null && _date !== void 0 ? _date : shiftTimezone('add', new Date());
|
|
70
71
|
var numberOfColumns = isMobile || !isRange ? 1 : 2;
|
|
71
72
|
var columnsToScroll = numberOfColumns;
|
|
72
73
|
var handleNextMonth = function handleNextMonth() {
|
|
@@ -162,10 +163,13 @@ var Calendar = function Calendar(_ref) {
|
|
|
162
163
|
,
|
|
163
164
|
allowSingleDateInRange: allowSingleDateInRange,
|
|
164
165
|
classNames: {
|
|
165
|
-
|
|
166
|
+
monthLevelGroup: classes.levelsGroup,
|
|
167
|
+
yearLevelGroup: classes.levelsGroup,
|
|
168
|
+
decadeLevelGroup: classes.levelsGroup,
|
|
166
169
|
day: classes.dayCell,
|
|
167
|
-
|
|
168
|
-
|
|
170
|
+
monthsListCell: classes.yearsListControl,
|
|
171
|
+
yearsListCell: classes.monthsListControl,
|
|
172
|
+
monthCell: classes.dayCell,
|
|
169
173
|
calendarHeader: classes.calendarHeader,
|
|
170
174
|
monthRow: classes.row,
|
|
171
175
|
yearsListRow: classes.row,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.web.js","sources":["../../../../../../src/components/DatePicker/Calendar.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport type { CalendarLevel } from '@mantine/dates';\nimport { shiftTimezone, useDatesContext, DatePicker } from '@mantine/dates';\nimport type { CalendarProps, DateSelectionType, PickerType, DateValue } from './types';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarGradientStyles, CalendarStyles } from './CalendarStyles';\nimport { useUncontrolledDates } from './useControlledDates';\nimport { levelToPicker, pickerToLevel, classes } from './constants';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Calendar = <Type extends DateSelectionType>({\n firstDayOfWeek = 0,\n selectionType,\n allowSingleDateInRange,\n defaultPicker = 'day',\n picker,\n onPickerChange,\n date,\n defaultDate,\n onDateChange,\n onNext,\n onPrevious,\n presets,\n ...props\n}: CalendarProps<Type> & {\n date?: Date;\n defaultDate?: Date;\n onDateChange?: (date: DateValue) => void;\n}): React.ReactElement => {\n const isRange = selectionType === 'range';\n\n const [level, setLevel] = useControllableState<CalendarLevel>({\n defaultValue: pickerToLevel[defaultPicker],\n value: pickerToLevel[picker!],\n onChange: (level) => {\n onPickerChange?.(levelToPicker[level]);\n },\n });\n\n if (__DEV__) {\n if (isRange && level !== 'month') {\n throwBladeError({\n message: `Cannot use range DatePicker with pickerType: ${levelToPicker[level]}, Only \"day\" is supported`,\n moduleName: 'DatePicker',\n });\n }\n }\n\n const [_date, setDate] = useUncontrolledDates({\n type: 'default',\n value: date,\n defaultValue: defaultDate,\n onChange: onDateChange,\n });\n\n const dateContext = useDatesContext();\n const isMobile = useIsMobile();\n const currentDate = _date ?? shiftTimezone('add', new Date(), dateContext.getTimezone());\n const numberOfColumns = isMobile || !isRange ? 1 : 2;\n const columnsToScroll = numberOfColumns;\n\n const handleNextMonth = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'month').toDate();\n onNext?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handlePreviousMonth = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'month').toDate();\n onPrevious?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handleNextYear = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'year').toDate();\n onNext?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handlePreviousYear = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'year').toDate();\n onPrevious?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handleNextDecade = () => {\n const nextDate = dayjs(currentDate)\n .add(10 * columnsToScroll, 'year')\n .toDate();\n onNext?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n const handlePreviousDecade = () => {\n const nextDate = dayjs(currentDate)\n .subtract(10 * columnsToScroll, 'year')\n .toDate();\n onPrevious?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n return (\n <CalendarStyles\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.7\"\n pickerType={levelToPicker[level]}\n {...metaAttribute({ name: MetaConstants.Calendar })}\n >\n <CalendarHeader\n isRange={isRange}\n date={currentDate}\n onLevelChange={(level) => setLevel(() => level)}\n pickerType={levelToPicker[level] as PickerType}\n onNextMonth={handleNextMonth}\n onPreviousMonth={handlePreviousMonth}\n onNextDecade={handleNextDecade}\n onPreviousDecade={handlePreviousDecade}\n onNextYear={handleNextYear}\n onPreviousYear={handlePreviousYear}\n />\n <CalendarGradientStyles isRange={isRange} date={currentDate}>\n <DatePicker\n withCellSpacing={false}\n type={isRange ? 'range' : 'default'}\n date={_date}\n locale={dateContext.locale}\n level={level}\n onDateChange={setDate}\n onLevelChange={(level) => setLevel(() => level)}\n numberOfColumns={numberOfColumns}\n weekdayFormat=\"ddd\"\n firstDayOfWeek={firstDayOfWeek}\n // @ts-expect-error unable to narrow props based on `type`\n allowSingleDateInRange={allowSingleDateInRange}\n classNames={{\n levelsGroup: classes.levelsGroup,\n day: classes.dayCell,\n monthsListControl: classes.monthsListControl,\n yearsListControl: classes.yearsListControl,\n calendarHeader: classes.calendarHeader,\n monthRow: classes.row,\n yearsListRow: classes.row,\n monthsListRow: classes.row,\n weekdaysRow: classes.row,\n weekday: classes.weekday,\n }}\n {...props}\n />\n </CalendarGradientStyles>\n </CalendarStyles>\n );\n};\n\nexport { Calendar };\n"],"names":["Calendar","_ref","_ref$firstDayOfWeek","firstDayOfWeek","selectionType","allowSingleDateInRange","_ref$defaultPicker","defaultPicker","picker","onPickerChange","date","defaultDate","onDateChange","onNext","onPrevious","presets","props","_objectWithoutProperties","_excluded","isRange","_useControllableState","useControllableState","defaultValue","pickerToLevel","value","onChange","level","levelToPicker","_useControllableState2","_slicedToArray","setLevel","throwBladeError","message","concat","moduleName","_useUncontrolledDates","useUncontrolledDates","type","_useUncontrolledDates2","_date","setDate","dateContext","useDatesContext","isMobile","useIsMobile","currentDate","shiftTimezone","Date","getTimezone","numberOfColumns","columnsToScroll","handleNextMonth","nextDate","dayjs","add","toDate","handlePreviousMonth","subtract","handleNextYear","handlePreviousYear","handleNextDecade","handlePreviousDecade","_jsxs","CalendarStyles","_objectSpread","display","flexDirection","gap","pickerType","metaAttribute","name","MetaConstants","children","_jsx","CalendarHeader","onLevelChange","onNextMonth","onPreviousMonth","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","CalendarGradientStyles","DatePicker","withCellSpacing","locale","weekdayFormat","classNames","levelsGroup","classes","day","dayCell","monthsListControl","yearsListControl","calendarHeader","monthRow","row","yearsListRow","monthsListRow","weekdaysRow","weekday"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Calendar.web.js","sources":["../../../../../../src/components/DatePicker/Calendar.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport dayjs from 'dayjs';\nimport React from 'react';\nimport type { CalendarLevel } from '@mantine/dates';\nimport { useDatesContext, DatePicker } from '@mantine/dates';\nimport type { CalendarProps, DateSelectionType, PickerType, DateValue } from './types';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarGradientStyles, CalendarStyles } from './CalendarStyles';\nimport { useUncontrolledDates } from './useControlledDates';\nimport { levelToPicker, pickerToLevel, classes } from './constants';\nimport { shiftTimezone } from './shiftTimezone';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst Calendar = <Type extends DateSelectionType>({\n firstDayOfWeek = 0,\n selectionType,\n allowSingleDateInRange,\n defaultPicker = 'day',\n picker,\n onPickerChange,\n date,\n defaultDate,\n onDateChange,\n onNext,\n onPrevious,\n presets,\n ...props\n}: CalendarProps<Type> & {\n date?: Date;\n defaultDate?: Date;\n onDateChange?: (date: DateValue) => void;\n}): React.ReactElement => {\n const isRange = selectionType === 'range';\n\n const [level, setLevel] = useControllableState<CalendarLevel>({\n defaultValue: pickerToLevel[defaultPicker],\n value: pickerToLevel[picker!],\n onChange: (level) => {\n onPickerChange?.(levelToPicker[level]);\n },\n });\n\n if (__DEV__) {\n if (isRange && level !== 'month') {\n throwBladeError({\n message: `Cannot use range DatePicker with pickerType: ${levelToPicker[level]}, Only \"day\" is supported`,\n moduleName: 'DatePicker',\n });\n }\n }\n\n const [_date, setDate] = useUncontrolledDates({\n type: 'default',\n value: date,\n defaultValue: defaultDate,\n onChange: onDateChange,\n });\n\n const dateContext = useDatesContext();\n const isMobile = useIsMobile();\n const currentDate = _date ?? shiftTimezone('add', new Date());\n const numberOfColumns = isMobile || !isRange ? 1 : 2;\n const columnsToScroll = numberOfColumns;\n\n const handleNextMonth = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'month').toDate();\n onNext?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handlePreviousMonth = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'month').toDate();\n onPrevious?.({ date: nextDate, type: 'month' });\n setDate(nextDate);\n };\n\n const handleNextYear = () => {\n const nextDate = dayjs(currentDate).add(columnsToScroll, 'year').toDate();\n onNext?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handlePreviousYear = () => {\n const nextDate = dayjs(currentDate).subtract(columnsToScroll, 'year').toDate();\n onPrevious?.({ date: nextDate, type: 'year' });\n setDate(nextDate);\n };\n\n const handleNextDecade = () => {\n const nextDate = dayjs(currentDate)\n .add(10 * columnsToScroll, 'year')\n .toDate();\n onNext?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n const handlePreviousDecade = () => {\n const nextDate = dayjs(currentDate)\n .subtract(10 * columnsToScroll, 'year')\n .toDate();\n onPrevious?.({ date: nextDate, type: 'decade' });\n setDate(nextDate);\n };\n\n return (\n <CalendarStyles\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"spacing.7\"\n pickerType={levelToPicker[level]}\n {...metaAttribute({ name: MetaConstants.Calendar })}\n >\n <CalendarHeader\n isRange={isRange}\n date={currentDate}\n onLevelChange={(level) => setLevel(() => level)}\n pickerType={levelToPicker[level] as PickerType}\n onNextMonth={handleNextMonth}\n onPreviousMonth={handlePreviousMonth}\n onNextDecade={handleNextDecade}\n onPreviousDecade={handlePreviousDecade}\n onNextYear={handleNextYear}\n onPreviousYear={handlePreviousYear}\n />\n <CalendarGradientStyles isRange={isRange} date={currentDate}>\n <DatePicker\n withCellSpacing={false}\n type={isRange ? 'range' : 'default'}\n date={_date}\n locale={dateContext.locale}\n level={level}\n onDateChange={setDate}\n onLevelChange={(level) => setLevel(() => level)}\n numberOfColumns={numberOfColumns}\n weekdayFormat=\"ddd\"\n firstDayOfWeek={firstDayOfWeek}\n // @ts-expect-error unable to narrow props based on `type`\n allowSingleDateInRange={allowSingleDateInRange}\n classNames={{\n monthLevelGroup: classes.levelsGroup,\n yearLevelGroup: classes.levelsGroup,\n decadeLevelGroup: classes.levelsGroup,\n day: classes.dayCell,\n monthsListCell: classes.yearsListControl,\n yearsListCell: classes.monthsListControl,\n monthCell: classes.dayCell,\n calendarHeader: classes.calendarHeader,\n monthRow: classes.row,\n yearsListRow: classes.row,\n monthsListRow: classes.row,\n weekdaysRow: classes.row,\n weekday: classes.weekday,\n }}\n {...props}\n />\n </CalendarGradientStyles>\n </CalendarStyles>\n );\n};\n\nexport { Calendar };\n"],"names":["Calendar","_ref","_ref$firstDayOfWeek","firstDayOfWeek","selectionType","allowSingleDateInRange","_ref$defaultPicker","defaultPicker","picker","onPickerChange","date","defaultDate","onDateChange","onNext","onPrevious","presets","props","_objectWithoutProperties","_excluded","isRange","_useControllableState","useControllableState","defaultValue","pickerToLevel","value","onChange","level","levelToPicker","_useControllableState2","_slicedToArray","setLevel","throwBladeError","message","concat","moduleName","_useUncontrolledDates","useUncontrolledDates","type","_useUncontrolledDates2","_date","setDate","dateContext","useDatesContext","isMobile","useIsMobile","currentDate","shiftTimezone","Date","numberOfColumns","columnsToScroll","handleNextMonth","nextDate","dayjs","add","toDate","handlePreviousMonth","subtract","handleNextYear","handlePreviousYear","handleNextDecade","handlePreviousDecade","_jsxs","CalendarStyles","_objectSpread","display","flexDirection","gap","pickerType","metaAttribute","name","MetaConstants","children","_jsx","CalendarHeader","onLevelChange","onNextMonth","onPreviousMonth","onNextDecade","onPreviousDecade","onNextYear","onPreviousYear","CalendarGradientStyles","DatePicker","withCellSpacing","locale","weekdayFormat","classNames","monthLevelGroup","classes","levelsGroup","yearLevelGroup","decadeLevelGroup","day","dayCell","monthsListCell","yearsListControl","yearsListCell","monthsListControl","monthCell","calendarHeader","monthRow","row","yearsListRow","monthsListRow","weekdaysRow","weekday"],"mappings":"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"}
|
|
@@ -244,9 +244,10 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
244
244
|
gap: makeSpace(theme.spacing[8]),
|
|
245
245
|
table: {
|
|
246
246
|
borderCollapse: 'collapse',
|
|
247
|
-
width: '100%'
|
|
247
|
+
width: !isDayPicker || isMobile ? '100%' : undefined
|
|
248
248
|
},
|
|
249
249
|
'> div': {
|
|
250
|
+
margin: 0,
|
|
250
251
|
width: isMobile || !isDayPicker ? '100%' : undefined
|
|
251
252
|
},
|
|
252
253
|
th: {
|
|
@@ -271,39 +272,45 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
271
272
|
color: 'surface.text.gray.muted'
|
|
272
273
|
})), {}, {
|
|
273
274
|
paddingBottom: makeSpace(theme.spacing[4])
|
|
274
|
-
})), ".".concat(classes.dayCell),
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
size: 'medium',
|
|
286
|
-
weight: 'regular'
|
|
287
|
-
})), {}, {
|
|
288
|
-
'&:hover': {
|
|
289
|
-
backgroundColor: getIn(theme.colors, cell.background.hover)
|
|
290
|
-
},
|
|
291
|
-
'&:focus-visible': getFocusRingStyles({
|
|
275
|
+
})), ".".concat(classes.dayCell), {
|
|
276
|
+
button: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
277
|
+
all: 'unset',
|
|
278
|
+
cursor: 'pointer',
|
|
279
|
+
width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),
|
|
280
|
+
height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),
|
|
281
|
+
aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,
|
|
282
|
+
borderRadius: theme.border.radius.medium,
|
|
283
|
+
backgroundColor: getIn(theme.colors, cell.background["default"]),
|
|
284
|
+
border: 'none'
|
|
285
|
+
}, getTextStyles({
|
|
292
286
|
theme: theme,
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
287
|
+
variant: 'body',
|
|
288
|
+
size: 'medium',
|
|
289
|
+
weight: 'regular'
|
|
290
|
+
})), {}, {
|
|
291
|
+
'&:hover': {
|
|
292
|
+
backgroundColor: getIn(theme.colors, cell.background.hover)
|
|
293
|
+
},
|
|
294
|
+
'&:focus-visible': getFocusRingStyles({
|
|
295
|
+
theme: theme,
|
|
296
|
+
isImportant: true
|
|
297
|
+
}),
|
|
298
|
+
'&[data-disabled]': {
|
|
299
|
+
color: getIn(theme.colors, cell.text.disabled),
|
|
300
|
+
backgroundColor: getIn(theme.colors, cell.background.disabled),
|
|
301
|
+
cursor: 'not-allowed'
|
|
302
|
+
},
|
|
303
|
+
'&[data-hidden]': {
|
|
304
|
+
display: 'none'
|
|
305
|
+
},
|
|
306
|
+
'&[data-outside]': {
|
|
307
|
+
color: theme.colors.interactive.text.gray.muted
|
|
308
|
+
},
|
|
309
|
+
'&[data-outside]:hover': {
|
|
310
|
+
color: getIn(theme.colors, cell.text["default"])
|
|
311
|
+
}
|
|
312
|
+
}, ranges), today), selected)
|
|
313
|
+
});
|
|
307
314
|
});
|
|
308
315
|
|
|
309
316
|
export { CalendarGradientStyles, CalendarStyles };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n gap: {\n x: size[0],\n y: size[2],\n },\n size: {\n desktop: size[40],\n mobile: size[48],\n },\n background: {\n default: 'transparent',\n hover: 'interactive.background.gray.highlighted',\n disabled: 'transparent',\n },\n text: {\n default: 'interactive.text.gray.normal',\n disabled: 'interactive.text.gray.disabled',\n },\n} as const;\n\nconst todayCell = {\n background: {\n default: 'transparent',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst selectedCell = {\n day: {\n background: {\n default: 'interactive.background.primary.default',\n hover: 'interactive.background.primary.highlighted',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.faded',\n },\n text: {\n default: 'interactive.text.onPrimary.normal',\n hover: 'interactive.text.onPrimary.normal',\n },\n },\n month: {\n background: {\n default: 'transparent',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n },\n },\n} as const;\n\nconst inRangeCell = {\n background: {\n default: 'surface.background.primary.subtle',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n ({ theme, date, isRange }) => {\n const isMobile = useIsMobile();\n // Bail out if datepicker is not in range mode or on mobile\n if (isMobile || !isRange) return {};\n\n // Calculate the first and last day of the month for both calendars in range mode\n // This is to apply the gradient to the first and last day of the month\n const cal1 = dayjs(date);\n const cal1FirstDay = cal1.startOf('month');\n const cal1LastDay = cal1.endOf('month');\n // Check if the first and last day of the month are at the start or end of the week\n // If so, we don't apply the gradient, as it will overflow to the previous or next month\n // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n // Do the same for the second calendar\n const cal2 = dayjs(date).add(1, 'month');\n const cal2FirstDay = cal2.startOf('month');\n const cal2LastDay = cal2.endOf('month');\n const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n const gradientBefore = {\n content: '\"\"',\n position: 'absolute',\n width: '100%',\n top: 0,\n bottom: 0,\n right: 0,\n pointerEvents: 'none',\n } as const;\n const rightGradient = {\n ...gradientBefore,\n left: '-100%',\n background: `linear-gradient(to right, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n const leftGradient = {\n ...gradientBefore,\n left: '100%',\n background: `linear-gradient(to left, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n\n return {\n [`.${classes.dayCell}`]: {\n // First calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n // Second calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n },\n };\n },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n const isMobile = useIsMobile();\n const device = isMobile ? 'mobile' : 'desktop';\n const isDayPicker = pickerType === 'day';\n\n const today = {\n '&[data-today]': {\n position: 'relative',\n ':before': {\n content: '\"\"',\n position: 'absolute',\n left: '50%',\n bottom: makeSpace(size[5]),\n transform: 'translate(-50%, -50%)',\n backgroundColor: getIn(theme.colors, todayCell.text.default),\n width: makeSpace(theme.spacing[2]),\n height: makeSpace(theme.spacing[2]),\n borderRadius: theme.border.radius.max,\n },\n },\n '&[data-today]:hover': {\n backgroundColor: getIn(theme.colors, todayCell.background.hover),\n outlineColor: getIn(theme.colors, todayCell.border.hover),\n color: getIn(theme.colors, todayCell.text.hover),\n },\n } as const;\n\n const selected = {\n '&[data-selected]': {\n '&[data-celltype=\"day\"]': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n color: getIn(theme.colors, selectedCell.day.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n color: getIn(theme.colors, selectedCell.day.text.hover),\n },\n },\n '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n backgroundColor: 'transparent',\n outlineStyle: 'solid',\n outlineWidth: makeBorderSize(theme.border.width.thin),\n outlineOffset: makeSpace(-theme.border.width.thin),\n outlineColor: getIn(theme.colors, selectedCell.month.border.default),\n color: getIn(theme.colors, selectedCell.month.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n },\n },\n ':before': {\n backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n },\n },\n } as const;\n\n const ranges = {\n '&[data-in-range]': {\n borderRadius: 0,\n backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n outlineColor: getIn(theme.colors, inRangeCell.border.default),\n color: getIn(theme.colors, inRangeCell.text.default),\n position: 'relative',\n },\n '&[data-in-range]:hover': {\n backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n color: getIn(theme.colors, inRangeCell.text.hover),\n },\n '&[data-first-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n '&[data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n '&[data-first-in-range][data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n },\n } as const;\n\n return {\n width: '100%',\n [`.${classes.levelsGroup}`]: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n gap: makeSpace(theme.spacing[8]),\n table: {\n borderCollapse: 'collapse',\n width: '100%',\n },\n '> div': { width: isMobile || !isDayPicker ? '100%' : undefined },\n th: {\n flex: 1,\n },\n td: {\n flex: 1,\n padding: '0px',\n paddingBottom: makeSpace(cell.gap.y),\n },\n },\n [`.${classes.row}`]: {\n textAlign: 'center',\n display: isDayPicker ? 'flex' : 'grid',\n gridTemplateColumns: 'repeat(3, 1fr)',\n },\n [`.${classes.calendarHeader}`]: {\n display: 'none',\n },\n [`.${classes.weekday}`]: {\n ...getTextStyles({\n theme,\n variant: 'body',\n size: 'small',\n weight: 'medium',\n color: 'surface.text.gray.muted',\n }),\n paddingBottom: makeSpace(theme.spacing[4]),\n },\n [`.${classes.dayCell}`]: {\n cursor: 'pointer',\n width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n height: isDayPicker && isMobile ? undefined : makeSpace(cell.size[device]),\n aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n borderRadius: theme.border.radius.medium,\n backgroundColor: getIn(theme.colors, cell.background.default),\n border: 'none',\n ...getTextStyles({ theme, variant: 'body', size: 'medium', weight: 'regular' }),\n\n '&:hover': {\n backgroundColor: getIn(theme.colors, cell.background.hover),\n },\n '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n '&[data-disabled]': {\n color: getIn(theme.colors, cell.text.disabled),\n backgroundColor: getIn(theme.colors, cell.background.disabled),\n cursor: 'not-allowed',\n },\n '&[data-outside]': {\n color: theme.colors.interactive.text.gray.muted,\n },\n '&[data-outside]:hover': {\n color: getIn(theme.colors, cell.text.default),\n },\n ...ranges,\n ...today,\n ...selected,\n },\n };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","outlineWidth","makeBorderSize","thin","outlineOffset","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","cursor","aspectRatio","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n gap: {\n x: size[0],\n y: size[2],\n },\n size: {\n desktop: size[40],\n mobile: size[48],\n },\n background: {\n default: 'transparent',\n hover: 'interactive.background.gray.highlighted',\n disabled: 'transparent',\n },\n text: {\n default: 'interactive.text.gray.normal',\n disabled: 'interactive.text.gray.disabled',\n },\n} as const;\n\nconst todayCell = {\n background: {\n default: 'transparent',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst selectedCell = {\n day: {\n background: {\n default: 'interactive.background.primary.default',\n hover: 'interactive.background.primary.highlighted',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.faded',\n },\n text: {\n default: 'interactive.text.onPrimary.normal',\n hover: 'interactive.text.onPrimary.normal',\n },\n },\n month: {\n background: {\n default: 'transparent',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n },\n },\n} as const;\n\nconst inRangeCell = {\n background: {\n default: 'surface.background.primary.subtle',\n hover: 'interactive.background.primary.faded',\n },\n border: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n },\n text: {\n default: 'interactive.text.primary.normal',\n hover: 'interactive.text.primary.normal',\n },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n ({ theme, date, isRange }) => {\n const isMobile = useIsMobile();\n // Bail out if datepicker is not in range mode or on mobile\n if (isMobile || !isRange) return {};\n\n // Calculate the first and last day of the month for both calendars in range mode\n // This is to apply the gradient to the first and last day of the month\n const cal1 = dayjs(date);\n const cal1FirstDay = cal1.startOf('month');\n const cal1LastDay = cal1.endOf('month');\n // Check if the first and last day of the month are at the start or end of the week\n // If so, we don't apply the gradient, as it will overflow to the previous or next month\n // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n // Do the same for the second calendar\n const cal2 = dayjs(date).add(1, 'month');\n const cal2FirstDay = cal2.startOf('month');\n const cal2LastDay = cal2.endOf('month');\n const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n const gradientBefore = {\n content: '\"\"',\n position: 'absolute',\n width: '100%',\n top: 0,\n bottom: 0,\n right: 0,\n pointerEvents: 'none',\n } as const;\n const rightGradient = {\n ...gradientBefore,\n left: '-100%',\n background: `linear-gradient(to right, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n const leftGradient = {\n ...gradientBefore,\n left: '100%',\n background: `linear-gradient(to left, transparent, ${getIn(\n theme.colors,\n inRangeCell.background.default,\n )})`,\n };\n\n return {\n [`.${classes.dayCell}`]: {\n // First calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n // Second calendar column\n [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n },\n [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n },\n },\n };\n },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n const isMobile = useIsMobile();\n const device = isMobile ? 'mobile' : 'desktop';\n const isDayPicker = pickerType === 'day';\n\n const today = {\n '&[data-today]': {\n position: 'relative',\n ':before': {\n content: '\"\"',\n position: 'absolute',\n left: '50%',\n bottom: makeSpace(size[5]),\n transform: 'translate(-50%, -50%)',\n backgroundColor: getIn(theme.colors, todayCell.text.default),\n width: makeSpace(theme.spacing[2]),\n height: makeSpace(theme.spacing[2]),\n borderRadius: theme.border.radius.max,\n },\n },\n '&[data-today]:hover': {\n backgroundColor: getIn(theme.colors, todayCell.background.hover),\n outlineColor: getIn(theme.colors, todayCell.border.hover),\n color: getIn(theme.colors, todayCell.text.hover),\n },\n } as const;\n\n const selected = {\n '&[data-selected]': {\n '&[data-celltype=\"day\"]': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n color: getIn(theme.colors, selectedCell.day.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n color: getIn(theme.colors, selectedCell.day.text.hover),\n },\n },\n '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n backgroundColor: 'transparent',\n outlineStyle: 'solid',\n outlineWidth: makeBorderSize(theme.border.width.thin),\n outlineOffset: makeSpace(-theme.border.width.thin),\n outlineColor: getIn(theme.colors, selectedCell.month.border.default),\n color: getIn(theme.colors, selectedCell.month.text.default),\n ':hover': {\n backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n },\n },\n ':before': {\n backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n },\n },\n } as const;\n\n const ranges = {\n '&[data-in-range]': {\n borderRadius: 0,\n backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n outlineColor: getIn(theme.colors, inRangeCell.border.default),\n color: getIn(theme.colors, inRangeCell.text.default),\n position: 'relative',\n },\n '&[data-in-range]:hover': {\n backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n color: getIn(theme.colors, inRangeCell.text.hover),\n },\n '&[data-first-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n '&[data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n '&[data-first-in-range][data-last-in-range]': {\n borderRadius: theme.border.radius.medium,\n },\n } as const;\n\n return {\n width: '100%',\n [`.${classes.levelsGroup}`]: {\n width: '100%',\n display: 'flex',\n justifyContent: 'space-between',\n gap: makeSpace(theme.spacing[8]),\n table: {\n borderCollapse: 'collapse',\n width: !isDayPicker || isMobile ? '100%' : undefined,\n },\n '> div': {\n margin: 0,\n width: isMobile || !isDayPicker ? '100%' : undefined,\n },\n th: {\n flex: 1,\n },\n td: {\n flex: 1,\n padding: '0px',\n paddingBottom: makeSpace(cell.gap.y),\n },\n },\n [`.${classes.row}`]: {\n textAlign: 'center',\n display: isDayPicker ? 'flex' : 'grid',\n gridTemplateColumns: 'repeat(3, 1fr)',\n },\n [`.${classes.calendarHeader}`]: {\n display: 'none',\n },\n [`.${classes.weekday}`]: {\n ...getTextStyles({\n theme,\n variant: 'body',\n size: 'small',\n weight: 'medium',\n color: 'surface.text.gray.muted',\n }),\n paddingBottom: makeSpace(theme.spacing[4]),\n },\n [`.${classes.dayCell}`]: {\n button: {\n all: 'unset',\n cursor: 'pointer',\n width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n borderRadius: theme.border.radius.medium,\n backgroundColor: getIn(theme.colors, cell.background.default),\n border: 'none',\n ...getTextStyles({ theme, variant: 'body', size: 'medium', weight: 'regular' }),\n\n '&:hover': {\n backgroundColor: getIn(theme.colors, cell.background.hover),\n },\n '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n '&[data-disabled]': {\n color: getIn(theme.colors, cell.text.disabled),\n backgroundColor: getIn(theme.colors, cell.background.disabled),\n cursor: 'not-allowed',\n },\n '&[data-hidden]': {\n display: 'none',\n },\n '&[data-outside]': {\n color: theme.colors.interactive.text.gray.muted,\n },\n '&[data-outside]:hover': {\n color: getIn(theme.colors, cell.text.default),\n },\n ...ranges,\n ...today,\n ...selected,\n },\n },\n };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","outlineWidth","makeBorderSize","thin","outlineOffset","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
-
import { useDatesContext
|
|
4
|
+
import { useDatesContext } from '@mantine/dates';
|
|
5
|
+
import { getFormattedDate } from './utils.js';
|
|
5
6
|
import '../Box/BaseBox/index.js';
|
|
6
7
|
import '../Icons/index.js';
|
|
7
8
|
import '../Input/BaseInput/index.js';
|