@semcore/date-picker 17.2.0 → 17.2.1-prerelease.1
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/CHANGELOG.md +7 -0
- package/lib/cjs/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/cjs/components/InputTrigger.js +29 -29
- package/lib/cjs/components/PickerAbstract.js +29 -29
- package/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/date-picker.shadow.css +0 -1
- package/lib/es6/components/Calendar.js +21 -21
- package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/es6/components/InputTrigger.js +29 -29
- package/lib/es6/components/PickerAbstract.js +29 -29
- package/lib/es6/components/RangePickerAbstract.js +29 -29
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/date-picker.shadow.css +0 -1
- package/lib/esm/components/Calendar.mjs +22 -22
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +30 -30
- package/lib/esm/components/InputTrigger.mjs +30 -30
- package/lib/esm/components/PickerAbstract.mjs +30 -30
- package/lib/esm/components/RangePickerAbstract.mjs +30 -30
- package/lib/esm/style/date-picker.shadow.css +0 -1
- package/lib/types/index.d.ts +4 -4
- package/package.json +13 -13
- package/vitest.config.mts +17 -0
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Popper from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { ButtonProps } from '@semcore/button';\nimport type Button from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { InputProps, InputValueProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { InputMaskValueProps } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = BoxProps & {\n /**\n * Locale for displaying the days of a week and months, to be transferred to `Intl`\n * @default en\n * */\n locale?: NavigatorLanguage['language'];\n /**\n * Array of dates blocked for selection\n */\n disabled?: DisabledDates;\n /** Internal */\n highlighted?: DateConstructorParams[];\n /** Internal */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: Date;\n /** Controls whether to render dates from previous/next months */\n renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = BoxProps & {\n /** Indicates if the calendar unit is part of a selected date range */\n selected?: boolean;\n /** Marks units from previous/next months that appear in the current month view */\n outdated?: boolean;\n /** Prevents interaction with the unit */\n disabled?: boolean;\n /** Highlights the current date */\n today?: boolean;\n /** Marks the beginning of a selected date range */\n startSelected?: boolean;\n /** Marks the end of a selected date range */\n endSelected?: boolean;\n /** Shows preview highlighting during range selection */\n highlighted?: boolean;\n /** Marks the start of a highlighted range */\n startHighlighted?: boolean;\n /** Marks the end of a highlighted range */\n endHighlighted?: boolean;\n /** The actual Date object this unit represents */\n date?: Date;\n /** Content to display within the unit (typically the day number) */\n children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n 'div',\n CalendarProps,\n CalendarContext & CalendarDaysContext,\n [handlers: AbstractDatePickerHandlers]\n> & {\n Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\nWithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams;\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * Component size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams;\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\nWithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams[];\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = BoxProps & {\n /**\n * Current selected period\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated by clicking the button for switching the selected period.\n * */\n onChange?: (date: Date[]) => void;\n /**\n * To be activated by hovering a cursor over the button for changing the current displayed month.\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * To be activated by hovering a cursor over the button for selecting the dates.\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n displayedPeriod: (value: DateConstructorParams) => void;\n visible: (index: boolean) => void;\n highlighted: (list: DateConstructorParams[]) => void;\n value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = InputProps &\n TooltipProps & {\n /**\n * Date input placeholder characters\n * @default { year: 'Y'; month: 'M'; day: 'D' }\n */\n placeholders?: { year: string; month: string; day: string };\n locale?: string;\n onDisplayedPeriodChange?: (date: Date) => void;\n };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n value?: Date;\n onChange?: (date: Date, event: ChangeEvent) => void;\n /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n value?: Date[];\n onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n date?: Date;\n onDateChange?: (date: Date, event: ChangeEvent) => void;\n onDisplayedPeriodChange?: (date: Date) => void;\n locale?: string;\n parts?: { year: boolean; month: boolean; day: boolean };\n disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & InputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n Indicator: typeof Input.Addon;\n MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & RangeInputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n Indicator: typeof Input.Addon;\n RangeSep: typeof Input.Addon;\n FromMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n ToMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n DatePickerContext & CalendarDaysContext\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Today: typeof Box;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n DateRangePickerContext & CalendarDaysContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n MonthPickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n MonthRangePickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\nWithI18nEnhanceProps & {\n /**\n * Selected date ranges\n * */\n value?: DateRangeComparatorValue;\n /**\n * Default value for selected date ranges\n * */\n defaultValue?: DateRangeComparatorValue;\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * Called with selected date when user clicks `Apply` button.\n * */\n onChange?: (ranges: {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n }) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n compareHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onCompareHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n */\n preselectedCompare?: DateConstructorParams[];\n /**\n * Normally called when user preselects a compare range and when user applies ranges.\n */\n onPreselectedCompareChange?: (date: Date[]) => void;\n /**\n * Controls that compare range input is enabled.\n */\n compareToggle?: boolean;\n /**\n * Toggles when compare range input enables or disables.\n */\n onCompareToggleChange?: (compareToggle: boolean) => void;\n /**\n * Controls which date range is focused.\n */\n focusedRange?: DateRangeComparatorFocusRange;\n /**\n * Called when user focuses or is focused on some of the date ranges.\n */\n onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n BaseTriggerProps & {\n /**\n * Text between the selected date range and the compared date range when both are selected.\n * @default 'vs.'\n */\n separator?: string;\n /**\n * Trigger text when no ranges are selected.\n */\n placeholder?: string;\n };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n 'div',\n DateRangeComparatorProps,\n DateRangeComparatorContext & CalendarDaysContext\n> & {\n Popper: typeof Popper.Popper;\n Header: typeof Flex;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Apply: typeof Button;\n Reset: typeof Button;\n\n CalendarHeader: typeof Box;\n Title: typeof Box;\n\n Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n CompareToggle: typeof Checkbox;\n CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n Body: typeof Flex;\n RangeCalendar: typeof Flex;\n Periods: typeof Flex & {\n Divider: typeof Divider;\n Column: typeof Flex;\n Options: typeof Flex;\n Controls: typeof Flex;\n };\n Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n DatePicker,\n DateRangePicker,\n MonthPicker,\n MonthRangePicker,\n DateRangeComparator,\n MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Popper from '@semcore/base-components';\nimport type { BaseTriggerProps } from '@semcore/base-trigger';\nimport type BaseTrigger from '@semcore/base-trigger';\nimport type { ButtonProps } from '@semcore/button';\nimport type Button from '@semcore/button';\nimport type Checkbox from '@semcore/checkbox';\nimport type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type Divider from '@semcore/divider';\nimport type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport type { NSInput } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { InputMaskValueProps } from '@semcore/input-mask';\nimport type { TooltipProps } from '@semcore/tooltip';\nimport type dayjs from 'dayjs';\nimport type { ChangeEvent } from 'react';\nimport type React from 'react';\n\nexport type DateConstructorParams = string | number | Date;\n\n/**\n * Array of dates blocked for selection\n * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n * */\nexport type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n\nexport type CalendarProps = BoxProps & {\n /**\n * Locale for displaying the days of a week and months, to be transferred to `Intl`\n * @default en\n * */\n locale?: NavigatorLanguage['language'];\n /**\n * Array of dates blocked for selection\n */\n disabled?: DisabledDates;\n /** Internal */\n highlighted?: DateConstructorParams[];\n /** Internal */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: Date;\n /** Controls whether to render dates from previous/next months */\n renderOutdated?: boolean;\n};\n\nexport type CalendarDaysContext = {\n days: CalendarUnitProps[];\n};\n\nexport type CalendarMonthsContext = {\n months: CalendarUnitProps[];\n};\n\nexport type CalendarUnitProps = BoxProps & {\n /** Indicates if the calendar unit is part of a selected date range */\n selected?: boolean;\n /** Marks units from previous/next months that appear in the current month view */\n outdated?: boolean;\n /** Prevents interaction with the unit */\n disabled?: boolean;\n /** Highlights the current date */\n today?: boolean;\n /** Marks the beginning of a selected date range */\n startSelected?: boolean;\n /** Marks the end of a selected date range */\n endSelected?: boolean;\n /** Shows preview highlighting during range selection */\n highlighted?: boolean;\n /** Marks the start of a highlighted range */\n startHighlighted?: boolean;\n /** Marks the end of a highlighted range */\n endHighlighted?: boolean;\n /** The actual Date object this unit represents */\n date?: Date;\n /** Content to display within the unit (typically the day number) */\n children?: React.ReactNode;\n};\n\nexport type CalendarContext = {\n getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n 'div',\n CalendarProps,\n CalendarContext & CalendarDaysContext,\n [handlers: AbstractDatePickerHandlers]\n> & {\n Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\nexport type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\nWithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams;\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * Component size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams;\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n};\n\nexport type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\nWithI18nEnhanceProps & {\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n value?: DateConstructorParams[];\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultValue?: DateConstructorParams[];\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onChange?: (date: Date[]) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangePickerPeriodProps = BoxProps & {\n /**\n * Current selected period\n * */\n value?: DateConstructorParams[];\n /**\n * To be activated by clicking the button for switching the selected period.\n * */\n onChange?: (date: Date[]) => void;\n /**\n * To be activated by hovering a cursor over the button for changing the current displayed month.\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * To be activated by hovering a cursor over the button for selecting the dates.\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DatePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getTodayProps: PropGetterFn;\n};\n\nexport type AbstractDatePickerHandlers = {\n displayedPeriod: (value: DateConstructorParams) => void;\n visible: (index: boolean) => void;\n highlighted: (list: DateConstructorParams[]) => void;\n value: (index: DateConstructorParams) => void;\n};\n\nexport type DatePickerHandlers = {\n visible: (index: boolean) => void;\n};\n\nexport type BaseInputTriggerProps = NSInput.Props &\n TooltipProps & {\n /**\n * Date input placeholder characters\n * @default { year: 'Y'; month: 'M'; day: 'D' }\n */\n placeholders?: { year: string; month: string; day: string };\n locale?: string;\n onDisplayedPeriodChange?: (date: Date) => void;\n };\nexport type InputTriggerProps = BaseInputTriggerProps & {\n value?: Date;\n onChange?: (date: Date, event: ChangeEvent) => void;\n /** @deprecated Set `disabledErrorText={null}` on the picker Root instead */\n showError?: boolean;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n value?: Date[];\n onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\nexport type SingleDateInputProps = InputTriggerProps & {};\n\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\nexport type DatePickerMaskedInputProps = {\n date?: Date;\n onDateChange?: (date: Date, event: ChangeEvent) => void;\n onDisplayedPeriodChange?: (date: Date) => void;\n locale?: string;\n parts?: { year: boolean; month: boolean; day: boolean };\n disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & InputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n SingleDateInput: Intergalactic.Component<'div', NSInput.Props & SingleDateInputProps> & {\n Indicator: typeof Input.Addon;\n MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n 'div',\n DropdownTriggerProps & RangeInputTriggerProps\n> & {\n Addon: typeof Input.Addon;\n Value: typeof Input.Value;\n DateRange: Intergalactic.Component<'div', NSInput.Value.Props & DateRangeProps> & {\n Indicator: typeof Input.Addon;\n RangeSep: typeof Input.Addon;\n FromMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n ToMaskedInput: Intergalactic.Component<\n 'input',\n InputMaskValueProps & DatePickerMaskedInputProps\n >;\n };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n DatePickerContext & CalendarDaysContext\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Today: typeof Box;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n DateRangePickerContext & CalendarDaysContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthPickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n 'div',\n DatePickerProps,\n MonthPickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof InputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type MonthRangePickerContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n 'div',\n DateRangePickerProps,\n MonthRangePickerContext & CalendarMonthsContext,\n [handlers: DatePickerHandlers]\n> & {\n /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n Trigger: typeof RangeInputTrigger;\n Popper: typeof Popper.Popper;\n Header: typeof Box;\n Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n Apply: typeof Button;\n Reset: typeof Button;\n add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorFocusRange = 'value' | 'compare';\nexport type DateRangeComparatorValue = {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n};\n\nexport type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOmit<\n DropdownProps,\n 'disabled'\n> &\nWithI18nEnhanceProps & {\n /**\n * Selected date ranges\n * */\n value?: DateRangeComparatorValue;\n /**\n * Default value for selected date ranges\n * */\n defaultValue?: DateRangeComparatorValue;\n /**\n * Default value date for showing the necessary month\n * */\n defaultDisplayedPeriod?: DateConstructorParams;\n /**\n * Default value selected date, accepts everything which is accepted by `new Date()`\n * */\n defaultHighlighted?: DateConstructorParams[];\n /**\n * Called with selected date when user clicks `Apply` button.\n * */\n onChange?: (ranges: {\n value?: DateConstructorParams[];\n compare?: DateConstructorParams[];\n }) => void;\n /**\n * Array of dates blocked for selection\n * */\n disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];\n /**\n * Error message when user attempts to input a disabled date\n * */\n disabledErrorText?: ((attemptedDate: Date) => string) | string | null;\n /**\n * Date for showing the necessary month\n * @default new Date()\n * */\n displayedPeriod?: DateConstructorParams;\n /**\n * To be activated upon changing the current shown month\n * */\n onDisplayedPeriodChange?: (date: Date) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n highlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onHighlightedChange?: (date: Date[]) => void;\n /**\n * The selected date, accepts everything which is accepted by `new Date()`\n * */\n compareHighlighted?: DateConstructorParams[];\n /**\n * To be activated upon selecting the date\n * */\n onCompareHighlightedChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.\n */\n preselectedValue?: DateConstructorParams[];\n /**\n * Normally called when user preselects a date range and when user applies this range.\n */\n onPreselectedValueChange?: (date: Date[]) => void;\n /**\n * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.\n */\n preselectedCompare?: DateConstructorParams[];\n /**\n * Normally called when user preselects a compare range and when user applies ranges.\n */\n onPreselectedCompareChange?: (date: Date[]) => void;\n /**\n * Controls that compare range input is enabled.\n */\n compareToggle?: boolean;\n /**\n * Toggles when compare range input enables or disables.\n */\n onCompareToggleChange?: (compareToggle: boolean) => void;\n /**\n * Controls which date range is focused.\n */\n focusedRange?: DateRangeComparatorFocusRange;\n /**\n * Called when user focuses or is focused on some of the date ranges.\n */\n onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;\n /**\n * Remove the 'Reset' button\n * */\n unclearable?: boolean;\n /**\n * Array of periods\n * [{value: [new Date(), new Date()], children: \"Today\"}]\n * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n * */\n periods?: (ButtonProps & { value: Date[] })[];\n};\n\nexport type DateRangeComparatorContext = {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n getHeaderProps: PropGetterFn;\n getTitleProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getCalendarProps: PropGetterFn;\n getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n BaseTriggerProps & {\n /**\n * Text between the selected date range and the compared date range when both are selected.\n * @default 'vs.'\n */\n separator?: string;\n /**\n * Trigger text when no ranges are selected.\n */\n placeholder?: string;\n };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n 'div',\n DateRangeComparatorProps,\n DateRangeComparatorContext & CalendarDaysContext\n> & {\n Popper: typeof Popper.Popper;\n Header: typeof Flex;\n Prev: typeof Button;\n Next: typeof Button;\n Calendar: typeof Calendar;\n Apply: typeof Button;\n Reset: typeof Button;\n\n CalendarHeader: typeof Box;\n Title: typeof Box;\n\n Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n Addon: typeof BaseTrigger.Addon;\n Text: typeof BaseTrigger.Text;\n };\n ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n CompareToggle: typeof Checkbox;\n CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n Body: typeof Flex;\n RangeCalendar: typeof Flex;\n Periods: typeof Flex & {\n Divider: typeof Divider;\n Column: typeof Flex;\n Options: typeof Flex;\n Controls: typeof Flex;\n };\n Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n DatePicker,\n DateRangePicker,\n MonthPicker,\n MonthRangePicker,\n DateRangeComparator,\n MonthDateRangeComparator,\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -12,29 +12,29 @@ import fire from '@semcore/core/lib/utils/fire';
|
|
|
12
12
|
import dayjs from 'dayjs';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
/*!__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCalendar_a5s2o_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded,8px)}.___SCalendar_a5s2o_gg_ .___SCalendarUnit_a5s2o_gg_:focus-visible{outline:none}.___SGridDays_a5s2o_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_a5s2o_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x,8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_a5s2o_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_a5s2o_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary,#00030095);font-size:var(--intergalactic-fs-200,14px);font-weight:var(--intergalactic-regular,400);overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SWeekDay_a5s2o_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SWeekDay_a5s2o_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SCalendarUnit_a5s2o_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid #0000;color:var(--intergalactic-text-primary,#010500e5);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell,#fff);align-items:center;border-radius:var(--intergalactic-control-rounded,6px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--intergalactic-fs-200,14px);justify-content:center;min-height:32px;min-width:32px;position:relative;transition:border-radius .15s .15s;outline:none;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_a5s2o_gg_:hover{color:var(--intergalactic-text-primary,#010500e5);background-color:var(--intergalactic-date-picker-cell-hover,#f8f9f8)}}.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded,6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current,rgba(0,5,2,.385))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current,color(display-p3 .0036 .02041 .00996/.385))}}}.___SCalendarUnit_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_.__startSelected_a5s2o_gg_:before{border-color:var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_.__startSelected_a5s2o_gg_:before{border-color:var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_.__startSelected_a5s2o_gg_:before{border-color:var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___SCalendarUnit_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_.__endSelected_a5s2o_gg_:before{border-color:var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_.__endSelected_a5s2o_gg_:before{border-color:var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__today_a5s2o_gg_.__endSelected_a5s2o_gg_:before{border-color:var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-range,#ecf1ff);border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-range,#ecf1ff)}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-range,color(display-p3 .92677 .94582 .99939))}}}@media (hover:hover){.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,#cfddff)}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,#cfddff)}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,color(display-p3 .8189 .86425 1))}}}}.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-range,#ecf1ff);border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary,#010500e5)}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-range,#ecf1ff)}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-range,color(display-p3 .92677 .94582 .99939))}}}@media (hover:hover){.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,#cfddff)}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,#cfddff)}@media (color-gamut:p3){.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,color(display-p3 .8189 .86425 1))}}}}.___SCalendarUnit_a5s2o_gg_.__startSelected_a5s2o_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-date-picker-cell-active,#7680e7)}.___SCalendarUnit_a5s2o_gg_.__startSelected_a5s2o_gg_:not(.__highlighted_a5s2o_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded,6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_a5s2o_gg_.__startSelected_a5s2o_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-date-picker-cell-active-hover,#6b71e1)}}.___SCalendarUnit_a5s2o_gg_.__endSelected_a5s2o_gg_{background-color:var(--intergalactic-date-picker-cell-active,#7680e7);color:var(--intergalactic-text-primary-invert,#fefffff2)}.___SCalendarUnit_a5s2o_gg_.__endSelected_a5s2o_gg_:not(.__highlighted_a5s2o_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded,6px)}@media (hover:hover){.___SCalendarUnit_a5s2o_gg_.__endSelected_a5s2o_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-date-picker-cell-active-hover,#6b71e1)}}.___SCalendarUnit_a5s2o_gg_.__startHighlighted_a5s2o_gg_:not(.__selected_a5s2o_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded,6px);border-top-right-radius:0}.___SCalendarUnit_a5s2o_gg_.__endHighlighted_a5s2o_gg_:not(.__selected_a5s2o_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_a5s2o_gg_.__startHighlighted_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__endHighlighted_a5s2o_gg_,.___SCalendarUnit_a5s2o_gg_.__startSelected_a5s2o_gg_.___SCalendarUnit_a5s2o_gg_.__endSelected_a5s2o_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:var(--intergalactic-control-rounded,6px);border-top-left-radius:var(--intergalactic-control-rounded,6px);border-top-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_a5s2o_gg_.__compareHighlighted_a5s2o_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active,#a261fd);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active,#a261fd);border-radius:0;transition:none}.___SCalendarUnit_a5s2o_gg_.__compareEndHighlighted_a5s2o_gg_,.___SCalendarUnit_a5s2o_gg_.__compareStartHighlighted_a5s2o_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active,#a261fd);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active,#a261fd)}.___SCalendarUnit_a5s2o_gg_.__compareEnd_a5s2o_gg_,.___SCalendarUnit_a5s2o_gg_.__compareStart_a5s2o_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active,#a261fd);color:var(--intergalactic-text-primary-invert,#fefffff2)}@media (hover:hover){.___SCalendarUnit_a5s2o_gg_.__compareEnd_a5s2o_gg_:hover,.___SCalendarUnit_a5s2o_gg_.__compareStart_a5s2o_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover,#964cfb)}}.___SCalendarUnit_a5s2o_gg_.__compareStartHighlighted_a5s2o_gg_{border-top-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-left-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_a5s2o_gg_.__compareEndHighlighted_a5s2o_gg_{border-top-right-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_a5s2o_gg_.__compareStart_a5s2o_gg_:not(.__compareHighlighted_a5s2o_gg_){border-top-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-left-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_a5s2o_gg_.__compareEnd_a5s2o_gg_:not(.__compareHighlighted_a5s2o_gg_){border-top-right-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_a5s2o_gg_.__outdated_a5s2o_gg_{opacity:.2}.___SCalendarUnit_a5s2o_gg_.__disabled_a5s2o_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_a5s2o_gg_:focus .___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_{z-index:1}.___SCalendar_a5s2o_gg_:focus:not(.___SCalendar_a5s2o_gg_:focus:has(.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_)){border-radius:var(--intergalactic-surface-rounded,8px)}@media (prefers-reduced-motion){.___SCalendarUnit_a5s2o_gg_,.___SCalendarUnit_a5s2o_gg_.__highlighted_a5s2o_gg_,.___SCalendarUnit_a5s2o_gg_.__selected_a5s2o_gg_{transition:none}}", /*__inner_css_end__*/"a5s2o_gg_"),
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCalendar_1erh4_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded,8px)}.___SCalendar_1erh4_gg_ .___SCalendarUnit_1erh4_gg_:focus-visible{outline:none}.___SGridDays_1erh4_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1erh4_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x,8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1erh4_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1erh4_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary,#00030095);font-size:var(--intergalactic-fs-200,14px);font-weight:var(--intergalactic-regular,400);overflow:hidden}@media (color-gamut:p3){.___SWeekDay_1erh4_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SCalendarUnit_1erh4_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid #0000;color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell,oklch(1 0 0));align-items:center;border-radius:var(--intergalactic-control-rounded,6px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--intergalactic-fs-200,14px);justify-content:center;min-height:32px;min-width:32px;position:relative;transition:border-radius .15s .15s;outline:none;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1erh4_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-date-picker-cell-hover,oklch(.98 .001 180))}}.___SCalendarUnit_1erh4_gg_.__today_1erh4_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded,6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current,rgba(0,5,2,.385))}@media (color-gamut:p3){.___SCalendarUnit_1erh4_gg_.__today_1erh4_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current,oklch(.104 .023 162.3/.385))}}.___SCalendarUnit_1erh4_gg_.___SCalendarUnit_1erh4_gg_.__today_1erh4_gg_.__startSelected_1erh4_gg_:before{border-color:var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCalendarUnit_1erh4_gg_.___SCalendarUnit_1erh4_gg_.__today_1erh4_gg_.__startSelected_1erh4_gg_:before{border-color:var(--intergalactic-border-secondary,oklch(.176 .033 175.7/.07))}}.___SCalendarUnit_1erh4_gg_.___SCalendarUnit_1erh4_gg_.__today_1erh4_gg_.__endSelected_1erh4_gg_:before{border-color:var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SCalendarUnit_1erh4_gg_.___SCalendarUnit_1erh4_gg_.__today_1erh4_gg_.__endSelected_1erh4_gg_:before{border-color:var(--intergalactic-border-secondary,oklch(.176 .033 175.7/.07))}}.___SCalendarUnit_1erh4_gg_.__selected_1erh4_gg_{background-color:var(--intergalactic-date-picker-cell-range,#ecf1ff);border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SCalendarUnit_1erh4_gg_.__selected_1erh4_gg_{background-color:var(--intergalactic-date-picker-cell-range,oklch(.959 .021 267.8))}}@media (hover:hover){.___SCalendarUnit_1erh4_gg_.__selected_1erh4_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,#cfddff)}@media (color-gamut:rec2020){.___SCalendarUnit_1erh4_gg_.__selected_1erh4_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,oklch(.898 .054 268.3))}}}.___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_{background-color:var(--intergalactic-date-picker-cell-range,#ecf1ff);border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_{background-color:var(--intergalactic-date-picker-cell-range,oklch(.959 .021 267.8))}}@media (hover:hover){.___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,#cfddff)}@media (color-gamut:rec2020){.___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover,oklch(.898 .054 268.3))}}}.___SCalendarUnit_1erh4_gg_.__startSelected_1erh4_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7))}.___SCalendarUnit_1erh4_gg_.__startSelected_1erh4_gg_:not(.__highlighted_1erh4_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded,6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1erh4_gg_.__startSelected_1erh4_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-date-picker-cell-active-hover,oklch(.6 .166 277.7))}}.___SCalendarUnit_1erh4_gg_.__endSelected_1erh4_gg_{background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7));color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949))}.___SCalendarUnit_1erh4_gg_.__endSelected_1erh4_gg_:not(.__highlighted_1erh4_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded,6px)}@media (hover:hover){.___SCalendarUnit_1erh4_gg_.__endSelected_1erh4_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-date-picker-cell-active-hover,oklch(.6 .166 277.7))}}.___SCalendarUnit_1erh4_gg_.__startHighlighted_1erh4_gg_:not(.__selected_1erh4_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded,6px);border-top-right-radius:0}.___SCalendarUnit_1erh4_gg_.__endHighlighted_1erh4_gg_:not(.__selected_1erh4_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_1erh4_gg_.__startHighlighted_1erh4_gg_.___SCalendarUnit_1erh4_gg_.__endHighlighted_1erh4_gg_,.___SCalendarUnit_1erh4_gg_.__startSelected_1erh4_gg_.___SCalendarUnit_1erh4_gg_.__endSelected_1erh4_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:var(--intergalactic-control-rounded,6px);border-top-left-radius:var(--intergalactic-control-rounded,6px);border-top-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_1erh4_gg_.__compareHighlighted_1erh4_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3));border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3));border-radius:0;transition:none}.___SCalendarUnit_1erh4_gg_.__compareEndHighlighted_1erh4_gg_,.___SCalendarUnit_1erh4_gg_.__compareStartHighlighted_1erh4_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3));border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3))}.___SCalendarUnit_1erh4_gg_.__compareEnd_1erh4_gg_,.___SCalendarUnit_1erh4_gg_.__compareStart_1erh4_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3));color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949))}@media (hover:hover){.___SCalendarUnit_1erh4_gg_.__compareEnd_1erh4_gg_:hover,.___SCalendarUnit_1erh4_gg_.__compareStart_1erh4_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-date-picker-cell-comparison-active-hover,oklch(.6 .244 297.8))}}.___SCalendarUnit_1erh4_gg_.__compareStartHighlighted_1erh4_gg_{border-top-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-left-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_1erh4_gg_.__compareEndHighlighted_1erh4_gg_{border-top-right-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_1erh4_gg_.__compareStart_1erh4_gg_:not(.__compareHighlighted_1erh4_gg_){border-top-left-radius:var(--intergalactic-control-rounded,6px);border-bottom-left-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_1erh4_gg_.__compareEnd_1erh4_gg_:not(.__compareHighlighted_1erh4_gg_){border-top-right-radius:var(--intergalactic-control-rounded,6px);border-bottom-right-radius:var(--intergalactic-control-rounded,6px)}.___SCalendarUnit_1erh4_gg_.__outdated_1erh4_gg_{opacity:.2}.___SCalendarUnit_1erh4_gg_.__disabled_1erh4_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_1erh4_gg_:focus .___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_{z-index:1}.___SCalendar_1erh4_gg_:focus:not(.___SCalendar_1erh4_gg_:focus:has(.___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_)){border-radius:var(--intergalactic-surface-rounded,8px)}@media (prefers-reduced-motion){.___SCalendarUnit_1erh4_gg_,.___SCalendarUnit_1erh4_gg_.__highlighted_1erh4_gg_,.___SCalendarUnit_1erh4_gg_.__selected_1erh4_gg_{transition:none}}", /*__inner_css_end__*/"1erh4_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SGridDays": "
|
|
19
|
-
"__SGridMonths": "
|
|
20
|
-
"__SWeekDays": "
|
|
21
|
-
"__SWeekDay": "
|
|
22
|
-
"__SCalendarUnit": "
|
|
23
|
-
"_startHighlighted": "
|
|
24
|
-
"_selected": "
|
|
25
|
-
"_endHighlighted": "
|
|
26
|
-
"_startSelected": "
|
|
27
|
-
"_endSelected": "
|
|
28
|
-
"_compareHighlighted": "
|
|
29
|
-
"_compareStartHighlighted": "
|
|
30
|
-
"_compareEndHighlighted": "
|
|
31
|
-
"_compareStart": "
|
|
32
|
-
"_compareEnd": "
|
|
33
|
-
"_outdated": "
|
|
34
|
-
"_disabled": "
|
|
35
|
-
"_highlighted": "
|
|
36
|
-
"__SCalendar": "
|
|
37
|
-
"_today": "
|
|
18
|
+
"__SGridDays": "___SGridDays_1erh4_gg_",
|
|
19
|
+
"__SGridMonths": "___SGridMonths_1erh4_gg_",
|
|
20
|
+
"__SWeekDays": "___SWeekDays_1erh4_gg_",
|
|
21
|
+
"__SWeekDay": "___SWeekDay_1erh4_gg_",
|
|
22
|
+
"__SCalendarUnit": "___SCalendarUnit_1erh4_gg_",
|
|
23
|
+
"_startHighlighted": "__startHighlighted_1erh4_gg_",
|
|
24
|
+
"_selected": "__selected_1erh4_gg_",
|
|
25
|
+
"_endHighlighted": "__endHighlighted_1erh4_gg_",
|
|
26
|
+
"_startSelected": "__startSelected_1erh4_gg_",
|
|
27
|
+
"_endSelected": "__endSelected_1erh4_gg_",
|
|
28
|
+
"_compareHighlighted": "__compareHighlighted_1erh4_gg_",
|
|
29
|
+
"_compareStartHighlighted": "__compareStartHighlighted_1erh4_gg_",
|
|
30
|
+
"_compareEndHighlighted": "__compareEndHighlighted_1erh4_gg_",
|
|
31
|
+
"_compareStart": "__compareStart_1erh4_gg_",
|
|
32
|
+
"_compareEnd": "__compareEnd_1erh4_gg_",
|
|
33
|
+
"_outdated": "__outdated_1erh4_gg_",
|
|
34
|
+
"_disabled": "__disabled_1erh4_gg_",
|
|
35
|
+
"_highlighted": "__highlighted_1erh4_gg_",
|
|
36
|
+
"__SCalendar": "___SCalendar_1erh4_gg_",
|
|
37
|
+
"_today": "__today_1erh4_gg_"
|
|
38
38
|
});
|
|
39
39
|
import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|
|
40
40
|
import { includesDate } from '../utils/includesDate';
|
|
@@ -13,37 +13,37 @@ import Dropdown from '@semcore/dropdown';
|
|
|
13
13
|
import dayjs from 'dayjs';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SPopper_u5f0v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_u5f0v_gg_:active,.___SPopper_u5f0v_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_u5f0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_u5f0v_gg_,.___STitle_u5f0v_gg_{display:flex;align-items:center}.___STitle_u5f0v_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));height:32px;width:100%;justify-content:center}.___SToday_u5f0v_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_u5f0v_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SButton_u5f0v_gg_ .___SInner_u5f0v_gg_{justify-content:flex-start}.___SInputMask_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x,8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_u5f0v_gg_.__animationsDisabled_u5f0v_gg_{transition:none}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_{letter-spacing:0}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_:focus{outline:none}.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SRangeIndicator_u5f0v_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_u5f0v_gg_._range_value_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7))}.___SRangeIndicator_u5f0v_gg_._range_compare_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3))}.___SRangeIndicator_u5f0v_gg_.__disabled_u5f0v_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SHumanizedDate_u5f0v_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_u5f0v_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SSingleDateInput_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SDateRange_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_),.___SInputMask_u5f0v_gg_.__noHumanizedDate_u5f0v_gg_ :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___SDateRange_u5f0v_gg_:focus-within .___SRangeSep_u5f0v_gg_,.___SRangeSep_u5f0v_gg_.__fulfilled_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-4x,16px)}@media (color-gamut:p3){.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFooter_u5f0v_gg_,.___SRangeCalendar_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SPeriodsList_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___STooltip_u5f0v_gg_{padding:var(--intergalactic-spacing-3x,12px)}.___SCompareToggle_u5f0v_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_u5f0v_gg_{transition:none}}", /*__inner_css_end__*/"u5f0v_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SHeader": "
|
|
20
|
-
"__STitle": "
|
|
21
|
-
"__SToday": "
|
|
22
|
-
"__SPeriod": "
|
|
23
|
-
"__SButton": "
|
|
24
|
-
"__SInner": "
|
|
25
|
-
"__SInputMask": "
|
|
26
|
-
"_animationsDisabled": "
|
|
27
|
-
"__SIndicator": "
|
|
28
|
-
"__SRangeIndicator": "
|
|
29
|
-
"_range_value": "
|
|
30
|
-
"_range_compare": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"__SHumanizedDate": "
|
|
33
|
-
"__SMask": "
|
|
34
|
-
"__SSingleDateInput": "
|
|
35
|
-
"__SValue": "
|
|
36
|
-
"__SDateRange": "
|
|
37
|
-
"_noHumanizedDate": "
|
|
38
|
-
"__SRangeSep": "
|
|
39
|
-
"_fulfilled": "
|
|
40
|
-
"__SRangeComparatorHeader": "
|
|
41
|
-
"__SRangeCalendar": "
|
|
42
|
-
"__SFooter": "
|
|
43
|
-
"__SPeriodsList": "
|
|
44
|
-
"__STooltip": "
|
|
45
|
-
"__SCompareToggle": "
|
|
46
|
-
"__SPopper": "
|
|
19
|
+
"__SHeader": "___SHeader_u5f0v_gg_",
|
|
20
|
+
"__STitle": "___STitle_u5f0v_gg_",
|
|
21
|
+
"__SToday": "___SToday_u5f0v_gg_",
|
|
22
|
+
"__SPeriod": "___SPeriod_u5f0v_gg_",
|
|
23
|
+
"__SButton": "___SButton_u5f0v_gg_",
|
|
24
|
+
"__SInner": "___SInner_u5f0v_gg_",
|
|
25
|
+
"__SInputMask": "___SInputMask_u5f0v_gg_",
|
|
26
|
+
"_animationsDisabled": "__animationsDisabled_u5f0v_gg_",
|
|
27
|
+
"__SIndicator": "___SIndicator_u5f0v_gg_",
|
|
28
|
+
"__SRangeIndicator": "___SRangeIndicator_u5f0v_gg_",
|
|
29
|
+
"_range_value": "_range_value_u5f0v_gg_",
|
|
30
|
+
"_range_compare": "_range_compare_u5f0v_gg_",
|
|
31
|
+
"_disabled": "__disabled_u5f0v_gg_",
|
|
32
|
+
"__SHumanizedDate": "___SHumanizedDate_u5f0v_gg_",
|
|
33
|
+
"__SMask": "___SMask_u5f0v_gg_",
|
|
34
|
+
"__SSingleDateInput": "___SSingleDateInput_u5f0v_gg_",
|
|
35
|
+
"__SValue": "___SValue_u5f0v_gg_",
|
|
36
|
+
"__SDateRange": "___SDateRange_u5f0v_gg_",
|
|
37
|
+
"_noHumanizedDate": "__noHumanizedDate_u5f0v_gg_",
|
|
38
|
+
"__SRangeSep": "___SRangeSep_u5f0v_gg_",
|
|
39
|
+
"_fulfilled": "__fulfilled_u5f0v_gg_",
|
|
40
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_u5f0v_gg_",
|
|
41
|
+
"__SRangeCalendar": "___SRangeCalendar_u5f0v_gg_",
|
|
42
|
+
"__SFooter": "___SFooter_u5f0v_gg_",
|
|
43
|
+
"__SPeriodsList": "___SPeriodsList_u5f0v_gg_",
|
|
44
|
+
"__STooltip": "___STooltip_u5f0v_gg_",
|
|
45
|
+
"__SCompareToggle": "___SCompareToggle_u5f0v_gg_",
|
|
46
|
+
"__SPopper": "___SPopper_u5f0v_gg_"
|
|
47
47
|
});
|
|
48
48
|
import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
|
|
49
49
|
import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|
|
@@ -19,37 +19,37 @@ import Tooltip from '@semcore/tooltip';
|
|
|
19
19
|
import dayjs from 'dayjs';
|
|
20
20
|
import React from 'react';
|
|
21
21
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
22
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SPopper_u5f0v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_u5f0v_gg_:active,.___SPopper_u5f0v_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_u5f0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_u5f0v_gg_,.___STitle_u5f0v_gg_{display:flex;align-items:center}.___STitle_u5f0v_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));height:32px;width:100%;justify-content:center}.___SToday_u5f0v_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_u5f0v_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SButton_u5f0v_gg_ .___SInner_u5f0v_gg_{justify-content:flex-start}.___SInputMask_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x,8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_u5f0v_gg_.__animationsDisabled_u5f0v_gg_{transition:none}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_{letter-spacing:0}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_:focus{outline:none}.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SRangeIndicator_u5f0v_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_u5f0v_gg_._range_value_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7))}.___SRangeIndicator_u5f0v_gg_._range_compare_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3))}.___SRangeIndicator_u5f0v_gg_.__disabled_u5f0v_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SHumanizedDate_u5f0v_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_u5f0v_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SSingleDateInput_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SDateRange_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_),.___SInputMask_u5f0v_gg_.__noHumanizedDate_u5f0v_gg_ :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___SDateRange_u5f0v_gg_:focus-within .___SRangeSep_u5f0v_gg_,.___SRangeSep_u5f0v_gg_.__fulfilled_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-4x,16px)}@media (color-gamut:p3){.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFooter_u5f0v_gg_,.___SRangeCalendar_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SPeriodsList_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___STooltip_u5f0v_gg_{padding:var(--intergalactic-spacing-3x,12px)}.___SCompareToggle_u5f0v_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_u5f0v_gg_{transition:none}}", /*__inner_css_end__*/"u5f0v_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SHeader": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"__SToday": "
|
|
28
|
-
"__SPeriod": "
|
|
29
|
-
"__SButton": "
|
|
30
|
-
"__SInner": "
|
|
31
|
-
"__SInputMask": "
|
|
32
|
-
"_animationsDisabled": "
|
|
33
|
-
"__SIndicator": "
|
|
34
|
-
"__SRangeIndicator": "
|
|
35
|
-
"_range_value": "
|
|
36
|
-
"_range_compare": "
|
|
37
|
-
"_disabled": "
|
|
38
|
-
"__SHumanizedDate": "
|
|
39
|
-
"__SMask": "
|
|
40
|
-
"__SSingleDateInput": "
|
|
41
|
-
"__SValue": "
|
|
42
|
-
"__SDateRange": "
|
|
43
|
-
"_noHumanizedDate": "
|
|
44
|
-
"__SRangeSep": "
|
|
45
|
-
"_fulfilled": "
|
|
46
|
-
"__SRangeComparatorHeader": "
|
|
47
|
-
"__SRangeCalendar": "
|
|
48
|
-
"__SFooter": "
|
|
49
|
-
"__SPeriodsList": "
|
|
50
|
-
"__STooltip": "
|
|
51
|
-
"__SCompareToggle": "
|
|
52
|
-
"__SPopper": "
|
|
25
|
+
"__SHeader": "___SHeader_u5f0v_gg_",
|
|
26
|
+
"__STitle": "___STitle_u5f0v_gg_",
|
|
27
|
+
"__SToday": "___SToday_u5f0v_gg_",
|
|
28
|
+
"__SPeriod": "___SPeriod_u5f0v_gg_",
|
|
29
|
+
"__SButton": "___SButton_u5f0v_gg_",
|
|
30
|
+
"__SInner": "___SInner_u5f0v_gg_",
|
|
31
|
+
"__SInputMask": "___SInputMask_u5f0v_gg_",
|
|
32
|
+
"_animationsDisabled": "__animationsDisabled_u5f0v_gg_",
|
|
33
|
+
"__SIndicator": "___SIndicator_u5f0v_gg_",
|
|
34
|
+
"__SRangeIndicator": "___SRangeIndicator_u5f0v_gg_",
|
|
35
|
+
"_range_value": "_range_value_u5f0v_gg_",
|
|
36
|
+
"_range_compare": "_range_compare_u5f0v_gg_",
|
|
37
|
+
"_disabled": "__disabled_u5f0v_gg_",
|
|
38
|
+
"__SHumanizedDate": "___SHumanizedDate_u5f0v_gg_",
|
|
39
|
+
"__SMask": "___SMask_u5f0v_gg_",
|
|
40
|
+
"__SSingleDateInput": "___SSingleDateInput_u5f0v_gg_",
|
|
41
|
+
"__SValue": "___SValue_u5f0v_gg_",
|
|
42
|
+
"__SDateRange": "___SDateRange_u5f0v_gg_",
|
|
43
|
+
"_noHumanizedDate": "__noHumanizedDate_u5f0v_gg_",
|
|
44
|
+
"__SRangeSep": "___SRangeSep_u5f0v_gg_",
|
|
45
|
+
"_fulfilled": "__fulfilled_u5f0v_gg_",
|
|
46
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_u5f0v_gg_",
|
|
47
|
+
"__SRangeCalendar": "___SRangeCalendar_u5f0v_gg_",
|
|
48
|
+
"__SFooter": "___SFooter_u5f0v_gg_",
|
|
49
|
+
"__SPeriodsList": "___SPeriodsList_u5f0v_gg_",
|
|
50
|
+
"__STooltip": "___STooltip_u5f0v_gg_",
|
|
51
|
+
"__SCompareToggle": "___SCompareToggle_u5f0v_gg_",
|
|
52
|
+
"__SPopper": "___SPopper_u5f0v_gg_"
|
|
53
53
|
});
|
|
54
54
|
import { datesIntersects } from '../utils/datesIntersects';
|
|
55
55
|
import { includesDate } from '../utils/includesDate';
|
|
@@ -7,37 +7,37 @@ import Dropdown from '@semcore/dropdown';
|
|
|
7
7
|
import dayjs from 'dayjs';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SPopper_u5f0v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_u5f0v_gg_:active,.___SPopper_u5f0v_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_u5f0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_u5f0v_gg_,.___STitle_u5f0v_gg_{display:flex;align-items:center}.___STitle_u5f0v_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));height:32px;width:100%;justify-content:center}.___SToday_u5f0v_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_u5f0v_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SButton_u5f0v_gg_ .___SInner_u5f0v_gg_{justify-content:flex-start}.___SInputMask_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x,8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_u5f0v_gg_.__animationsDisabled_u5f0v_gg_{transition:none}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_{letter-spacing:0}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_:focus{outline:none}.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SRangeIndicator_u5f0v_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_u5f0v_gg_._range_value_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7))}.___SRangeIndicator_u5f0v_gg_._range_compare_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3))}.___SRangeIndicator_u5f0v_gg_.__disabled_u5f0v_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SHumanizedDate_u5f0v_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_u5f0v_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SSingleDateInput_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SDateRange_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_),.___SInputMask_u5f0v_gg_.__noHumanizedDate_u5f0v_gg_ :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___SDateRange_u5f0v_gg_:focus-within .___SRangeSep_u5f0v_gg_,.___SRangeSep_u5f0v_gg_.__fulfilled_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-4x,16px)}@media (color-gamut:p3){.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFooter_u5f0v_gg_,.___SRangeCalendar_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SPeriodsList_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___STooltip_u5f0v_gg_{padding:var(--intergalactic-spacing-3x,12px)}.___SCompareToggle_u5f0v_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_u5f0v_gg_{transition:none}}", /*__inner_css_end__*/"u5f0v_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SHeader": "
|
|
14
|
-
"__STitle": "
|
|
15
|
-
"__SToday": "
|
|
16
|
-
"__SPeriod": "
|
|
17
|
-
"__SButton": "
|
|
18
|
-
"__SInner": "
|
|
19
|
-
"__SInputMask": "
|
|
20
|
-
"_animationsDisabled": "
|
|
21
|
-
"__SIndicator": "
|
|
22
|
-
"__SRangeIndicator": "
|
|
23
|
-
"_range_value": "
|
|
24
|
-
"_range_compare": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"__SHumanizedDate": "
|
|
27
|
-
"__SMask": "
|
|
28
|
-
"__SSingleDateInput": "
|
|
29
|
-
"__SValue": "
|
|
30
|
-
"__SDateRange": "
|
|
31
|
-
"_noHumanizedDate": "
|
|
32
|
-
"__SRangeSep": "
|
|
33
|
-
"_fulfilled": "
|
|
34
|
-
"__SRangeComparatorHeader": "
|
|
35
|
-
"__SRangeCalendar": "
|
|
36
|
-
"__SFooter": "
|
|
37
|
-
"__SPeriodsList": "
|
|
38
|
-
"__STooltip": "
|
|
39
|
-
"__SCompareToggle": "
|
|
40
|
-
"__SPopper": "
|
|
13
|
+
"__SHeader": "___SHeader_u5f0v_gg_",
|
|
14
|
+
"__STitle": "___STitle_u5f0v_gg_",
|
|
15
|
+
"__SToday": "___SToday_u5f0v_gg_",
|
|
16
|
+
"__SPeriod": "___SPeriod_u5f0v_gg_",
|
|
17
|
+
"__SButton": "___SButton_u5f0v_gg_",
|
|
18
|
+
"__SInner": "___SInner_u5f0v_gg_",
|
|
19
|
+
"__SInputMask": "___SInputMask_u5f0v_gg_",
|
|
20
|
+
"_animationsDisabled": "__animationsDisabled_u5f0v_gg_",
|
|
21
|
+
"__SIndicator": "___SIndicator_u5f0v_gg_",
|
|
22
|
+
"__SRangeIndicator": "___SRangeIndicator_u5f0v_gg_",
|
|
23
|
+
"_range_value": "_range_value_u5f0v_gg_",
|
|
24
|
+
"_range_compare": "_range_compare_u5f0v_gg_",
|
|
25
|
+
"_disabled": "__disabled_u5f0v_gg_",
|
|
26
|
+
"__SHumanizedDate": "___SHumanizedDate_u5f0v_gg_",
|
|
27
|
+
"__SMask": "___SMask_u5f0v_gg_",
|
|
28
|
+
"__SSingleDateInput": "___SSingleDateInput_u5f0v_gg_",
|
|
29
|
+
"__SValue": "___SValue_u5f0v_gg_",
|
|
30
|
+
"__SDateRange": "___SDateRange_u5f0v_gg_",
|
|
31
|
+
"_noHumanizedDate": "__noHumanizedDate_u5f0v_gg_",
|
|
32
|
+
"__SRangeSep": "___SRangeSep_u5f0v_gg_",
|
|
33
|
+
"_fulfilled": "__fulfilled_u5f0v_gg_",
|
|
34
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_u5f0v_gg_",
|
|
35
|
+
"__SRangeCalendar": "___SRangeCalendar_u5f0v_gg_",
|
|
36
|
+
"__SFooter": "___SFooter_u5f0v_gg_",
|
|
37
|
+
"__SPeriodsList": "___SPeriodsList_u5f0v_gg_",
|
|
38
|
+
"__STooltip": "___STooltip_u5f0v_gg_",
|
|
39
|
+
"__SCompareToggle": "___SCompareToggle_u5f0v_gg_",
|
|
40
|
+
"__SPopper": "___SPopper_u5f0v_gg_"
|
|
41
41
|
});
|
|
42
42
|
import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
|
|
43
43
|
import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|
|
@@ -12,37 +12,37 @@ import Dropdown from '@semcore/dropdown';
|
|
|
12
12
|
import dayjs from 'dayjs';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
/*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPopper_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SPopper_u5f0v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_u5f0v_gg_:active,.___SPopper_u5f0v_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_u5f0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_u5f0v_gg_,.___STitle_u5f0v_gg_{display:flex;align-items:center}.___STitle_u5f0v_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));height:32px;width:100%;justify-content:center}.___SToday_u5f0v_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_u5f0v_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SButton_u5f0v_gg_ .___SInner_u5f0v_gg_{justify-content:flex-start}.___SInputMask_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x,8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_u5f0v_gg_.__animationsDisabled_u5f0v_gg_{transition:none}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_{letter-spacing:0}.___SInputMask_u5f0v_gg_ .___SValue_u5f0v_gg_:focus{outline:none}.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SIndicator_u5f0v_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SRangeIndicator_u5f0v_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_u5f0v_gg_._range_value_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-active,oklch(.64 .152 276.7))}.___SRangeIndicator_u5f0v_gg_._range_compare_u5f0v_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active,oklch(.64 .223 299.3))}.___SRangeIndicator_u5f0v_gg_.__disabled_u5f0v_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SHumanizedDate_u5f0v_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_u5f0v_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SMask_u5f0v_gg_,.___SSingleDateInput_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SSingleDateInput_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SValue_u5f0v_gg_{opacity:0}.___SDateRange_u5f0v_gg_:focus-within .___SHumanizedDate_u5f0v_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_u5f0v_gg_:focus-within :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_),.___SInputMask_u5f0v_gg_.__noHumanizedDate_u5f0v_gg_ :is(.___SMask_u5f0v_gg_,.___SValue_u5f0v_gg_){opacity:1}.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___SDateRange_u5f0v_gg_ .___SInputMask_u5f0v_gg_:focus-within .___SMask_u5f0v_gg_{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___SDateRange_u5f0v_gg_:focus-within .___SRangeSep_u5f0v_gg_,.___SRangeSep_u5f0v_gg_.__fulfilled_u5f0v_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,#000c0829);padding:var(--intergalactic-spacing-4x,16px)}@media (color-gamut:p3){.___SRangeComparatorHeader_u5f0v_gg_{border-bottom:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SFooter_u5f0v_gg_,.___SRangeCalendar_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SFooter_u5f0v_gg_{border-top:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SPeriodsList_u5f0v_gg_{padding:var(--intergalactic-spacing-4x,16px)}.___STooltip_u5f0v_gg_{padding:var(--intergalactic-spacing-3x,12px)}.___SCompareToggle_u5f0v_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_u5f0v_gg_{transition:none}}", /*__inner_css_end__*/"u5f0v_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SHeader": "
|
|
19
|
-
"__STitle": "
|
|
20
|
-
"__SToday": "
|
|
21
|
-
"__SPeriod": "
|
|
22
|
-
"__SButton": "
|
|
23
|
-
"__SInner": "
|
|
24
|
-
"__SInputMask": "
|
|
25
|
-
"_animationsDisabled": "
|
|
26
|
-
"__SIndicator": "
|
|
27
|
-
"__SRangeIndicator": "
|
|
28
|
-
"_range_value": "
|
|
29
|
-
"_range_compare": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"__SHumanizedDate": "
|
|
32
|
-
"__SMask": "
|
|
33
|
-
"__SSingleDateInput": "
|
|
34
|
-
"__SValue": "
|
|
35
|
-
"__SDateRange": "
|
|
36
|
-
"_noHumanizedDate": "
|
|
37
|
-
"__SRangeSep": "
|
|
38
|
-
"_fulfilled": "
|
|
39
|
-
"__SRangeComparatorHeader": "
|
|
40
|
-
"__SRangeCalendar": "
|
|
41
|
-
"__SFooter": "
|
|
42
|
-
"__SPeriodsList": "
|
|
43
|
-
"__STooltip": "
|
|
44
|
-
"__SCompareToggle": "
|
|
45
|
-
"__SPopper": "
|
|
18
|
+
"__SHeader": "___SHeader_u5f0v_gg_",
|
|
19
|
+
"__STitle": "___STitle_u5f0v_gg_",
|
|
20
|
+
"__SToday": "___SToday_u5f0v_gg_",
|
|
21
|
+
"__SPeriod": "___SPeriod_u5f0v_gg_",
|
|
22
|
+
"__SButton": "___SButton_u5f0v_gg_",
|
|
23
|
+
"__SInner": "___SInner_u5f0v_gg_",
|
|
24
|
+
"__SInputMask": "___SInputMask_u5f0v_gg_",
|
|
25
|
+
"_animationsDisabled": "__animationsDisabled_u5f0v_gg_",
|
|
26
|
+
"__SIndicator": "___SIndicator_u5f0v_gg_",
|
|
27
|
+
"__SRangeIndicator": "___SRangeIndicator_u5f0v_gg_",
|
|
28
|
+
"_range_value": "_range_value_u5f0v_gg_",
|
|
29
|
+
"_range_compare": "_range_compare_u5f0v_gg_",
|
|
30
|
+
"_disabled": "__disabled_u5f0v_gg_",
|
|
31
|
+
"__SHumanizedDate": "___SHumanizedDate_u5f0v_gg_",
|
|
32
|
+
"__SMask": "___SMask_u5f0v_gg_",
|
|
33
|
+
"__SSingleDateInput": "___SSingleDateInput_u5f0v_gg_",
|
|
34
|
+
"__SValue": "___SValue_u5f0v_gg_",
|
|
35
|
+
"__SDateRange": "___SDateRange_u5f0v_gg_",
|
|
36
|
+
"_noHumanizedDate": "__noHumanizedDate_u5f0v_gg_",
|
|
37
|
+
"__SRangeSep": "___SRangeSep_u5f0v_gg_",
|
|
38
|
+
"_fulfilled": "__fulfilled_u5f0v_gg_",
|
|
39
|
+
"__SRangeComparatorHeader": "___SRangeComparatorHeader_u5f0v_gg_",
|
|
40
|
+
"__SRangeCalendar": "___SRangeCalendar_u5f0v_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_u5f0v_gg_",
|
|
42
|
+
"__SPeriodsList": "___SPeriodsList_u5f0v_gg_",
|
|
43
|
+
"__STooltip": "___STooltip_u5f0v_gg_",
|
|
44
|
+
"__SCompareToggle": "___SCompareToggle_u5f0v_gg_",
|
|
45
|
+
"__SPopper": "___SPopper_u5f0v_gg_"
|
|
46
46
|
});
|
|
47
47
|
import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
|
|
48
48
|
import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
|