@mantine/dates 2.5.0 → 2.6.0-alpha.2

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.
Files changed (123) hide show
  1. package/cjs/components/Calendar/Calendar.js +0 -4
  2. package/cjs/components/Calendar/Calendar.js.map +1 -1
  3. package/cjs/components/Calendar/CalendarHeader/CalendarHeader.js +1 -6
  4. package/cjs/components/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
  5. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.js +9 -14
  6. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.styles.js +4 -4
  8. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.styles.js.map +1 -1
  9. package/cjs/components/DatePicker/DatePicker.js +0 -3
  10. package/cjs/components/DatePicker/DatePicker.js.map +1 -1
  11. package/cjs/components/DatePickerBase/DatePickerBase.js +4 -16
  12. package/cjs/components/DatePickerBase/DatePickerBase.js.map +1 -1
  13. package/cjs/components/DatePickerBase/DatePickerBase.styles.js +8 -8
  14. package/cjs/components/DatePickerBase/DatePickerBase.styles.js.map +1 -1
  15. package/cjs/components/DateRangePicker/DateRangePicker.js +0 -3
  16. package/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
  17. package/cjs/components/Month/Day/Day.js +2 -7
  18. package/cjs/components/Month/Day/Day.js.map +1 -1
  19. package/cjs/components/Month/Day/Day.styles.js +59 -51
  20. package/cjs/components/Month/Day/Day.styles.js.map +1 -1
  21. package/cjs/components/Month/Month.js +2 -8
  22. package/cjs/components/Month/Month.js.map +1 -1
  23. package/cjs/components/Month/Month.styles.js +7 -7
  24. package/cjs/components/Month/Month.styles.js.map +1 -1
  25. package/cjs/components/RangeCalendar/RangeCalendar.js +1 -5
  26. package/cjs/components/RangeCalendar/RangeCalendar.js.map +1 -1
  27. package/cjs/components/TimeInput/TimeInput.js +3 -10
  28. package/cjs/components/TimeInput/TimeInput.js.map +1 -1
  29. package/cjs/components/TimeInput/TimeInput.styles.js +6 -6
  30. package/cjs/components/TimeInput/TimeInput.styles.js.map +1 -1
  31. package/cjs/components/TimeRangeInput/TimeRangeInput.js +3 -10
  32. package/cjs/components/TimeRangeInput/TimeRangeInput.js.map +1 -1
  33. package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js +8 -8
  34. package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js.map +1 -1
  35. package/esm/components/Calendar/Calendar.js +0 -4
  36. package/esm/components/Calendar/Calendar.js.map +1 -1
  37. package/esm/components/Calendar/CalendarHeader/CalendarHeader.js +1 -6
  38. package/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
  39. package/esm/components/Calendar/CalendarLabel/CalendarLabel.js +10 -15
  40. package/esm/components/Calendar/CalendarLabel/CalendarLabel.js.map +1 -1
  41. package/esm/components/Calendar/CalendarLabel/CalendarLabel.styles.js +5 -5
  42. package/esm/components/Calendar/CalendarLabel/CalendarLabel.styles.js.map +1 -1
  43. package/esm/components/DatePicker/DatePicker.js +0 -3
  44. package/esm/components/DatePicker/DatePicker.js.map +1 -1
  45. package/esm/components/DatePickerBase/DatePickerBase.js +6 -17
  46. package/esm/components/DatePickerBase/DatePickerBase.js.map +1 -1
  47. package/esm/components/DatePickerBase/DatePickerBase.styles.js +9 -9
  48. package/esm/components/DatePickerBase/DatePickerBase.styles.js.map +1 -1
  49. package/esm/components/DateRangePicker/DateRangePicker.js +0 -3
  50. package/esm/components/DateRangePicker/DateRangePicker.js.map +1 -1
  51. package/esm/components/Month/Day/Day.js +2 -6
  52. package/esm/components/Month/Day/Day.js.map +1 -1
  53. package/esm/components/Month/Day/Day.styles.js +60 -52
  54. package/esm/components/Month/Day/Day.styles.js.map +1 -1
  55. package/esm/components/Month/Month.js +2 -7
  56. package/esm/components/Month/Month.js.map +1 -1
  57. package/esm/components/Month/Month.styles.js +8 -8
  58. package/esm/components/Month/Month.styles.js.map +1 -1
  59. package/esm/components/RangeCalendar/RangeCalendar.js +1 -5
  60. package/esm/components/RangeCalendar/RangeCalendar.js.map +1 -1
  61. package/esm/components/TimeInput/TimeInput.js +4 -10
  62. package/esm/components/TimeInput/TimeInput.js.map +1 -1
  63. package/esm/components/TimeInput/TimeInput.styles.js +7 -7
  64. package/esm/components/TimeInput/TimeInput.styles.js.map +1 -1
  65. package/esm/components/TimeRangeInput/TimeRangeInput.js +4 -10
  66. package/esm/components/TimeRangeInput/TimeRangeInput.js.map +1 -1
  67. package/esm/components/TimeRangeInput/TimeRangeInput.styles.js +9 -9
  68. package/esm/components/TimeRangeInput/TimeRangeInput.styles.js.map +1 -1
  69. package/lib/components/Calendar/Calendar.d.ts +1 -1
  70. package/lib/components/Calendar/Calendar.d.ts.map +1 -1
  71. package/lib/components/Calendar/CalendarHeader/CalendarHeader.d.ts +1 -1
  72. package/lib/components/Calendar/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  73. package/lib/components/Calendar/CalendarLabel/CalendarLabel.d.ts +3 -3
  74. package/lib/components/Calendar/CalendarLabel/CalendarLabel.d.ts.map +1 -1
  75. package/lib/components/Calendar/CalendarLabel/CalendarLabel.styles.d.ts +4 -1
  76. package/lib/components/Calendar/CalendarLabel/CalendarLabel.styles.d.ts.map +1 -1
  77. package/lib/components/Calendar/index.d.ts +3 -0
  78. package/lib/components/Calendar/index.d.ts.map +1 -0
  79. package/lib/components/DatePicker/DatePicker.d.ts +1 -1
  80. package/lib/components/DatePicker/DatePicker.d.ts.map +1 -1
  81. package/lib/components/DatePicker/index.d.ts +3 -0
  82. package/lib/components/DatePicker/index.d.ts.map +1 -0
  83. package/lib/components/DatePickerBase/DatePickerBase.d.ts +3 -3
  84. package/lib/components/DatePickerBase/DatePickerBase.d.ts.map +1 -1
  85. package/lib/components/DatePickerBase/DatePickerBase.styles.d.ts +5 -3
  86. package/lib/components/DatePickerBase/DatePickerBase.styles.d.ts.map +1 -1
  87. package/lib/components/DatePickerBase/index.d.ts +3 -0
  88. package/lib/components/DatePickerBase/index.d.ts.map +1 -0
  89. package/lib/components/DateRangePicker/DateRangePicker.d.ts +1 -1
  90. package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  91. package/lib/components/DateRangePicker/index.d.ts +3 -0
  92. package/lib/components/DateRangePicker/index.d.ts.map +1 -0
  93. package/lib/components/Month/Day/Day.d.ts +3 -3
  94. package/lib/components/Month/Day/Day.d.ts.map +1 -1
  95. package/lib/components/Month/Day/Day.styles.d.ts +5 -3
  96. package/lib/components/Month/Day/Day.styles.d.ts.map +1 -1
  97. package/lib/components/Month/Month.d.ts +3 -3
  98. package/lib/components/Month/Month.d.ts.map +1 -1
  99. package/lib/components/Month/Month.styles.d.ts +4 -3
  100. package/lib/components/Month/Month.styles.d.ts.map +1 -1
  101. package/lib/components/Month/index.d.ts +3 -0
  102. package/lib/components/Month/index.d.ts.map +1 -0
  103. package/lib/components/RangeCalendar/RangeCalendar.d.ts +1 -1
  104. package/lib/components/RangeCalendar/RangeCalendar.d.ts.map +1 -1
  105. package/lib/components/RangeCalendar/index.d.ts +3 -0
  106. package/lib/components/RangeCalendar/index.d.ts.map +1 -0
  107. package/lib/components/TimeInput/TimeInput.d.ts +3 -3
  108. package/lib/components/TimeInput/TimeInput.d.ts.map +1 -1
  109. package/lib/components/TimeInput/TimeInput.styles.d.ts +5 -3
  110. package/lib/components/TimeInput/TimeInput.styles.d.ts.map +1 -1
  111. package/lib/components/TimeInput/index.d.ts +3 -0
  112. package/lib/components/TimeInput/index.d.ts.map +1 -0
  113. package/lib/components/TimeRangeInput/TimeRangeInput.d.ts +3 -3
  114. package/lib/components/TimeRangeInput/TimeRangeInput.d.ts.map +1 -1
  115. package/lib/components/TimeRangeInput/TimeRangeInput.styles.d.ts +5 -3
  116. package/lib/components/TimeRangeInput/TimeRangeInput.styles.d.ts.map +1 -1
  117. package/lib/components/TimeRangeInput/index.d.ts +3 -0
  118. package/lib/components/TimeRangeInput/index.d.ts.map +1 -0
  119. package/lib/index.d.ts +7 -15
  120. package/lib/index.d.ts.map +1 -1
  121. package/package.json +3 -4
  122. package/lib/index.umd.js +0 -2
  123. package/lib/index.umd.js.map +0 -1
@@ -48,7 +48,6 @@ function Calendar(_a) {
48
48
  classNames,
49
49
  styles,
50
50
  locale = "en",
51
- themeOverride,
52
51
  nextMonthLabel,
53
52
  previousMonthLabel,
54
53
  initialMonth,
@@ -74,7 +73,6 @@ function Calendar(_a) {
74
73
  "classNames",
75
74
  "styles",
76
75
  "locale",
77
- "themeOverride",
78
76
  "nextMonthLabel",
79
77
  "previousMonthLabel",
80
78
  "initialMonth",
@@ -110,7 +108,6 @@ function Calendar(_a) {
110
108
  fullWidth
111
109
  }, others), /* @__PURE__ */ React__default.createElement(CalendarHeader.CalendarHeader, {
112
110
  size,
113
- themeOverride,
114
111
  nextMonthLabel,
115
112
  previousMonthLabel,
116
113
  previousMonthDisabled: disabledState.previousDisabled,
@@ -129,7 +126,6 @@ function Calendar(_a) {
129
126
  monthLabel,
130
127
  yearLabel
131
128
  }), /* @__PURE__ */ React__default.createElement(Month.Month, {
132
- themeOverride,
133
129
  month: _month,
134
130
  value,
135
131
  onChange,
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { Month, MonthSettings, MonthStylesNames } from '../Month/Month';\nimport { CalendarLabelStylesNames } from './CalendarLabel/CalendarLabel';\nimport { CalendarHeader } from './CalendarHeader/CalendarHeader';\nimport { CalendarWrapper } from './CalendarWrapper/CalendarWrapper';\nimport { getDisabledState } from './get-disabled-state/get-disabled-state';\n\nexport interface CalendarSettings extends MonthSettings {\n /** aria-label for next month arrow button */\n nextMonthLabel?: string;\n\n /** aria-label for previous month arrow button */\n previousMonthLabel?: string;\n\n /** aria-label for month select */\n monthLabel?: string;\n\n /** aria-label for year select */\n yearLabel?: string;\n\n /** Locale used for all labels formatting */\n locale?: string;\n\n /** Initial selected month */\n initialMonth?: Date | null;\n\n /** dayjs label format */\n labelFormat?: string;\n\n /** Replace calendar label with month and year selects */\n withSelect?: boolean;\n\n /** Years range for year select */\n yearsRange?: { from: number; to: number };\n}\n\nexport type CalendarStylesNames = Exclude<MonthStylesNames, 'root'> | CalendarLabelStylesNames;\n\nexport interface CalendarProps\n extends DefaultProps<CalendarStylesNames>,\n CalendarSettings,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Current month */\n month?: Date;\n\n /** Selected date */\n value?: Date;\n\n /** Called when selected date changes */\n onChange?(value: Date): void;\n\n /** Called when month changes */\n onMonthChange?(value: Date): void;\n\n /** Static css selector base */\n __staticSelector?: string;\n}\n\nexport function Calendar({\n classNames,\n styles,\n locale = 'en',\n themeOverride,\n nextMonthLabel,\n previousMonthLabel,\n initialMonth,\n month,\n onMonthChange,\n value,\n onChange,\n labelFormat = 'MMMM YYYY',\n withSelect = false,\n yearsRange = { from: 2020, to: 2030 },\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n minDate,\n maxDate,\n excludeDate,\n fullWidth = false,\n size = 'sm',\n __staticSelector = 'calendar',\n monthLabel,\n yearLabel,\n ...others\n}: CalendarProps) {\n const [_month, setMonth] = useUncontrolled({\n value: month,\n defaultValue: initialMonth,\n finalValue: new Date(),\n onChange: onMonthChange,\n rule: (val) => val instanceof Date,\n });\n\n const disabledState = getDisabledState({ month: _month, minDate, maxDate });\n\n return (\n <CalendarWrapper size={size} fullWidth={fullWidth} {...others}>\n <CalendarHeader\n size={size}\n themeOverride={themeOverride}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n previousMonthDisabled={disabledState.previousDisabled}\n nextMonthDisabled={disabledState.nextDisabled}\n onPreviousMonth={() => setMonth(dayjs(_month).subtract(1, 'month').toDate())}\n onNextMonth={() => setMonth(dayjs(_month).add(1, 'month').toDate())}\n classNames={classNames}\n styles={styles}\n locale={locale}\n withSelect={withSelect}\n yearsRange={yearsRange}\n month={_month}\n setMonth={setMonth}\n labelFormat={labelFormat}\n __staticSelector={__staticSelector}\n monthLabel={monthLabel}\n yearLabel={yearLabel}\n />\n\n <Month\n themeOverride={themeOverride}\n month={_month}\n value={value}\n onChange={onChange}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutsideEvents={disableOutsideEvents}\n minDate={minDate}\n maxDate={maxDate}\n excludeDate={excludeDate}\n classNames={classNames}\n styles={styles}\n fullWidth={fullWidth}\n size={size}\n locale={locale}\n __staticSelector={__staticSelector}\n />\n </CalendarWrapper>\n );\n}\n\nCalendar.displayName = '@mantine/dates/Calendar';\n"],"names":["useUncontrolled","getDisabledState","React","CalendarWrapper","CalendarHeader","dayjs","Month"],"mappings":"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"}
1
+ {"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { Month, MonthSettings, MonthStylesNames } from '../Month/Month';\nimport { CalendarLabelStylesNames } from './CalendarLabel/CalendarLabel';\nimport { CalendarHeader } from './CalendarHeader/CalendarHeader';\nimport { CalendarWrapper } from './CalendarWrapper/CalendarWrapper';\nimport { getDisabledState } from './get-disabled-state/get-disabled-state';\n\nexport interface CalendarSettings extends MonthSettings {\n /** aria-label for next month arrow button */\n nextMonthLabel?: string;\n\n /** aria-label for previous month arrow button */\n previousMonthLabel?: string;\n\n /** aria-label for month select */\n monthLabel?: string;\n\n /** aria-label for year select */\n yearLabel?: string;\n\n /** Locale used for all labels formatting */\n locale?: string;\n\n /** Initial selected month */\n initialMonth?: Date | null;\n\n /** dayjs label format */\n labelFormat?: string;\n\n /** Replace calendar label with month and year selects */\n withSelect?: boolean;\n\n /** Years range for year select */\n yearsRange?: { from: number; to: number };\n}\n\nexport type CalendarStylesNames = Exclude<MonthStylesNames, 'root'> | CalendarLabelStylesNames;\n\nexport interface CalendarProps\n extends DefaultProps<CalendarStylesNames>,\n CalendarSettings,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Current month */\n month?: Date;\n\n /** Selected date */\n value?: Date;\n\n /** Called when selected date changes */\n onChange?(value: Date): void;\n\n /** Called when month changes */\n onMonthChange?(value: Date): void;\n\n /** Static css selector base */\n __staticSelector?: string;\n}\n\nexport function Calendar({\n classNames,\n styles,\n locale = 'en',\n nextMonthLabel,\n previousMonthLabel,\n initialMonth,\n month,\n onMonthChange,\n value,\n onChange,\n labelFormat = 'MMMM YYYY',\n withSelect = false,\n yearsRange = { from: 2020, to: 2030 },\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n minDate,\n maxDate,\n excludeDate,\n fullWidth = false,\n size = 'sm',\n __staticSelector = 'calendar',\n monthLabel,\n yearLabel,\n ...others\n}: CalendarProps) {\n const [_month, setMonth] = useUncontrolled({\n value: month,\n defaultValue: initialMonth,\n finalValue: new Date(),\n onChange: onMonthChange,\n rule: (val) => val instanceof Date,\n });\n\n const disabledState = getDisabledState({ month: _month, minDate, maxDate });\n\n return (\n <CalendarWrapper size={size} fullWidth={fullWidth} {...others}>\n <CalendarHeader\n size={size}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n previousMonthDisabled={disabledState.previousDisabled}\n nextMonthDisabled={disabledState.nextDisabled}\n onPreviousMonth={() => setMonth(dayjs(_month).subtract(1, 'month').toDate())}\n onNextMonth={() => setMonth(dayjs(_month).add(1, 'month').toDate())}\n classNames={classNames}\n styles={styles}\n locale={locale}\n withSelect={withSelect}\n yearsRange={yearsRange}\n month={_month}\n setMonth={setMonth}\n labelFormat={labelFormat}\n __staticSelector={__staticSelector}\n monthLabel={monthLabel}\n yearLabel={yearLabel}\n />\n\n <Month\n month={_month}\n value={value}\n onChange={onChange}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutsideEvents={disableOutsideEvents}\n minDate={minDate}\n maxDate={maxDate}\n excludeDate={excludeDate}\n classNames={classNames}\n styles={styles}\n fullWidth={fullWidth}\n size={size}\n locale={locale}\n __staticSelector={__staticSelector}\n />\n </CalendarWrapper>\n );\n}\n\nCalendar.displayName = '@mantine/dates/Calendar';\n"],"names":["useUncontrolled","getDisabledState","React","CalendarWrapper","CalendarHeader","dayjs","Month"],"mappings":"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"}
@@ -21,7 +21,6 @@ const iconSizes = {
21
21
  };
22
22
  function CalendarHeader({
23
23
  size,
24
- themeOverride,
25
24
  nextMonthLabel,
26
25
  previousMonthLabel,
27
26
  previousMonthDisabled,
@@ -40,19 +39,17 @@ function CalendarHeader({
40
39
  monthLabel,
41
40
  yearLabel
42
41
  }) {
43
- const theme = core.useMantineTheme(themeOverride);
42
+ const theme = core.useMantineTheme();
44
43
  const iconSize = core.getSizeValue({ size, sizes: iconSizes });
45
44
  const iconButtonSize = core.getSizeValue({ size, sizes: Day_styles.sizes });
46
45
  return /* @__PURE__ */ React__default.createElement(core.Group, {
47
46
  position: "apart",
48
47
  noWrap: true,
49
- themeOverride,
50
48
  style: { marginBottom: theme.spacing.xs / 2 }
51
49
  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
52
50
  "aria-label": previousMonthLabel,
53
51
  onClick: onPreviousMonth,
54
52
  disabled: previousMonthDisabled,
55
- themeOverride,
56
53
  size: iconButtonSize,
57
54
  "data-mantine-stop-propagation": true
58
55
  }, /* @__PURE__ */ React__default.createElement(ArrowIcon.ArrowIcon, {
@@ -68,7 +65,6 @@ function CalendarHeader({
68
65
  value: month,
69
66
  onChange: setMonth,
70
67
  labelFormat,
71
- themeOverride,
72
68
  size,
73
69
  __staticSelector,
74
70
  monthLabel,
@@ -77,7 +73,6 @@ function CalendarHeader({
77
73
  "aria-label": nextMonthLabel,
78
74
  onClick: onNextMonth,
79
75
  disabled: nextMonthDisabled,
80
- themeOverride,
81
76
  size: iconButtonSize,
82
77
  "data-mantine-stop-propagation": true
83
78
  }, /* @__PURE__ */ React__default.createElement(ArrowIcon.ArrowIcon, {
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Group,\n ActionIcon,\n getSizeValue,\n DefaultProps,\n MantineSize,\n useMantineTheme,\n} from '@mantine/core';\nimport { ArrowIcon } from '../ArrowIcon';\nimport { CalendarLabel } from '../CalendarLabel/CalendarLabel';\nimport { sizes as DAY_SIZES } from '../../Month/Day/Day.styles';\n\nconst iconSizes = {\n xs: 10,\n sm: 12,\n md: 14,\n lg: 18,\n xl: 20,\n};\n\ninterface CalendarHeaderProps extends DefaultProps {\n classNames: Record<string, any>;\n styles: Record<string, any>;\n size: MantineSize;\n nextMonthLabel: string;\n previousMonthLabel: string;\n previousMonthDisabled: boolean;\n nextMonthDisabled: boolean;\n onPreviousMonth(): void;\n onNextMonth(): void;\n locale: string;\n withSelect: boolean;\n yearsRange: { from: number; to: number };\n month: Date;\n setMonth(date: Date): void;\n labelFormat: string;\n __staticSelector: string;\n monthLabel?: string;\n yearLabel?: string;\n}\n\nexport function CalendarHeader({\n size,\n themeOverride,\n nextMonthLabel,\n previousMonthLabel,\n previousMonthDisabled,\n nextMonthDisabled,\n onPreviousMonth,\n onNextMonth,\n classNames,\n styles,\n locale,\n withSelect,\n yearsRange,\n month,\n setMonth,\n labelFormat,\n __staticSelector,\n monthLabel,\n yearLabel,\n}: CalendarHeaderProps) {\n const theme = useMantineTheme(themeOverride);\n const iconSize = getSizeValue({ size, sizes: iconSizes });\n const iconButtonSize = getSizeValue({ size, sizes: DAY_SIZES });\n\n return (\n <Group\n position=\"apart\"\n noWrap\n themeOverride={themeOverride}\n style={{ marginBottom: theme.spacing.xs / 2 }}\n >\n <ActionIcon\n aria-label={previousMonthLabel}\n onClick={onPreviousMonth}\n disabled={previousMonthDisabled}\n themeOverride={themeOverride}\n size={iconButtonSize}\n data-mantine-stop-propagation\n >\n <ArrowIcon direction=\"left\" width={iconSize} height={iconSize} />\n </ActionIcon>\n\n <CalendarLabel\n locale={locale}\n classNames={classNames}\n styles={styles}\n withSelect={withSelect}\n yearsRange={yearsRange}\n value={month}\n onChange={setMonth}\n labelFormat={labelFormat}\n themeOverride={themeOverride}\n size={size}\n __staticSelector={__staticSelector}\n monthLabel={monthLabel}\n yearLabel={yearLabel}\n />\n\n <ActionIcon\n aria-label={nextMonthLabel}\n onClick={onNextMonth}\n disabled={nextMonthDisabled}\n themeOverride={themeOverride}\n size={iconButtonSize}\n data-mantine-stop-propagation\n >\n <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n </ActionIcon>\n </Group>\n );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":["useMantineTheme","getSizeValue","DAY_SIZES","React","Group","ActionIcon","ArrowIcon","CalendarLabel"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,SAAS,GAAG;AAClB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACK,SAAS,cAAc,CAAC;AAC/B,EAAE,IAAI;AACN,EAAE,aAAa;AACf,EAAE,cAAc;AAChB,EAAE,kBAAkB;AACpB,EAAE,qBAAqB;AACvB,EAAE,iBAAiB;AACnB,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,WAAW;AACb,EAAE,gBAAgB;AAClB,EAAE,UAAU;AACZ,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oBAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,EAAE,MAAM,QAAQ,GAAGC,iBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5D,EAAE,MAAM,cAAc,GAAGA,iBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAS,EAAE,CAAC,CAAC;AAClE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,UAAK,EAAE;AACpD,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,aAAa;AACjB,IAAI,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;AACjD,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,eAAU,EAAE;AACrD,IAAI,YAAY,EAAE,kBAAkB;AACpC,IAAI,OAAO,EAAE,eAAe;AAC5B,IAAI,QAAQ,EAAE,qBAAqB;AACnC,IAAI,aAAa;AACjB,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,+BAA+B,EAAE,IAAI;AACzC,GAAG,kBAAkBF,cAAK,CAAC,aAAa,CAACG,mBAAS,EAAE;AACpD,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG,CAAC,CAAC,kBAAkBH,cAAK,CAAC,aAAa,CAACI,2BAAa,EAAE;AAC1D,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW;AACf,IAAI,aAAa;AACjB,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,GAAG,CAAC,kBAAkBJ,cAAK,CAAC,aAAa,CAACE,eAAU,EAAE;AACtD,IAAI,YAAY,EAAE,cAAc;AAChC,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,QAAQ,EAAE,iBAAiB;AAC/B,IAAI,aAAa;AACjB,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,+BAA+B,EAAE,IAAI;AACzC,GAAG,kBAAkBF,cAAK,CAAC,aAAa,CAACG,mBAAS,EAAE;AACpD,IAAI,SAAS,EAAE,OAAO;AACtB,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,+BAA+B;;;;"}
1
+ {"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Group,\n ActionIcon,\n getSizeValue,\n DefaultProps,\n MantineSize,\n useMantineTheme,\n} from '@mantine/core';\nimport { ArrowIcon } from '../ArrowIcon';\nimport { CalendarLabel } from '../CalendarLabel/CalendarLabel';\nimport { sizes as DAY_SIZES } from '../../Month/Day/Day.styles';\n\nconst iconSizes = {\n xs: 10,\n sm: 12,\n md: 14,\n lg: 18,\n xl: 20,\n};\n\ninterface CalendarHeaderProps extends DefaultProps {\n classNames: Record<string, any>;\n styles: Record<string, any>;\n size: MantineSize;\n nextMonthLabel: string;\n previousMonthLabel: string;\n previousMonthDisabled: boolean;\n nextMonthDisabled: boolean;\n onPreviousMonth(): void;\n onNextMonth(): void;\n locale: string;\n withSelect: boolean;\n yearsRange: { from: number; to: number };\n month: Date;\n setMonth(date: Date): void;\n labelFormat: string;\n __staticSelector: string;\n monthLabel?: string;\n yearLabel?: string;\n}\n\nexport function CalendarHeader({\n size,\n nextMonthLabel,\n previousMonthLabel,\n previousMonthDisabled,\n nextMonthDisabled,\n onPreviousMonth,\n onNextMonth,\n classNames,\n styles,\n locale,\n withSelect,\n yearsRange,\n month,\n setMonth,\n labelFormat,\n __staticSelector,\n monthLabel,\n yearLabel,\n}: CalendarHeaderProps) {\n const theme = useMantineTheme();\n const iconSize = getSizeValue({ size, sizes: iconSizes });\n const iconButtonSize = getSizeValue({ size, sizes: DAY_SIZES });\n\n return (\n <Group position=\"apart\" noWrap style={{ marginBottom: theme.spacing.xs / 2 }}>\n <ActionIcon\n aria-label={previousMonthLabel}\n onClick={onPreviousMonth}\n disabled={previousMonthDisabled}\n size={iconButtonSize}\n data-mantine-stop-propagation\n >\n <ArrowIcon direction=\"left\" width={iconSize} height={iconSize} />\n </ActionIcon>\n\n <CalendarLabel\n locale={locale}\n classNames={classNames}\n styles={styles}\n withSelect={withSelect}\n yearsRange={yearsRange}\n value={month}\n onChange={setMonth}\n labelFormat={labelFormat}\n size={size}\n __staticSelector={__staticSelector}\n monthLabel={monthLabel}\n yearLabel={yearLabel}\n />\n\n <ActionIcon\n aria-label={nextMonthLabel}\n onClick={onNextMonth}\n disabled={nextMonthDisabled}\n size={iconButtonSize}\n data-mantine-stop-propagation\n >\n <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n </ActionIcon>\n </Group>\n );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":["useMantineTheme","getSizeValue","DAY_SIZES","React","Group","ActionIcon","ArrowIcon","CalendarLabel"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,SAAS,GAAG;AAClB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACK,SAAS,cAAc,CAAC;AAC/B,EAAE,IAAI;AACN,EAAE,cAAc;AAChB,EAAE,kBAAkB;AACpB,EAAE,qBAAqB;AACvB,EAAE,iBAAiB;AACnB,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,WAAW;AACb,EAAE,gBAAgB;AAClB,EAAE,UAAU;AACZ,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oBAAe,EAAE,CAAC;AAClC,EAAE,MAAM,QAAQ,GAAGC,iBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5D,EAAE,MAAM,cAAc,GAAGA,iBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,gBAAS,EAAE,CAAC,CAAC;AAClE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,UAAK,EAAE;AACpD,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;AACjD,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,eAAU,EAAE;AACrD,IAAI,YAAY,EAAE,kBAAkB;AACpC,IAAI,OAAO,EAAE,eAAe;AAC5B,IAAI,QAAQ,EAAE,qBAAqB;AACnC,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,+BAA+B,EAAE,IAAI;AACzC,GAAG,kBAAkBF,cAAK,CAAC,aAAa,CAACG,mBAAS,EAAE;AACpD,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG,CAAC,CAAC,kBAAkBH,cAAK,CAAC,aAAa,CAACI,2BAAa,EAAE;AAC1D,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW;AACf,IAAI,IAAI;AACR,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,GAAG,CAAC,kBAAkBJ,cAAK,CAAC,aAAa,CAACE,eAAU,EAAE;AACtD,IAAI,YAAY,EAAE,cAAc;AAChC,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,QAAQ,EAAE,iBAAiB;AAC/B,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,+BAA+B,EAAE,IAAI;AACzC,GAAG,kBAAkBF,cAAK,CAAC,aAAa,CAACG,mBAAS,EAAE;AACpD,IAAI,SAAS,EAAE,OAAO;AACtB,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,MAAM,EAAE,QAAQ;AACpB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,+BAA+B;;;;"}
@@ -22,7 +22,6 @@ function CalendarLabel({
22
22
  withSelect,
23
23
  yearsRange,
24
24
  value,
25
- themeOverride,
26
25
  labelFormat,
27
26
  onChange,
28
27
  size,
@@ -30,22 +29,19 @@ function CalendarLabel({
30
29
  monthLabel,
31
30
  yearLabel
32
31
  }) {
33
- const theme = core.useMantineTheme(themeOverride);
34
32
  const selectSize = size === "lg" || size === "xl" ? "md" : "xs";
35
- const classes = CalendarLabel_styles['default']({ theme }, classNames, __staticSelector);
33
+ const { classes } = CalendarLabel_styles['default'](null, classNames, __staticSelector);
36
34
  const _styles = core.mergeStyles(classes, styles);
37
35
  return withSelect ? /* @__PURE__ */ React__default.createElement(core.Group, {
38
36
  spacing: 5,
39
37
  noWrap: true,
40
- themeOverride,
41
- className: classes.selectGroup,
42
- style: _styles.selectGroup
38
+ className: classes.calendarSelectGroup,
39
+ style: _styles.calendarSelectGroup
43
40
  }, /* @__PURE__ */ React__default.createElement(core.NativeSelect, {
44
41
  "aria-label": monthLabel,
45
- className: classes.select,
46
- style: _styles.select,
42
+ className: classes.calendarSelect,
43
+ style: _styles.calendarSelect,
47
44
  size: selectSize,
48
- themeOverride,
49
45
  value: value.getMonth(),
50
46
  onChange: (event) => onChange(dayjs__default(value).set("month", parseInt(event.currentTarget.value, 10)).toDate()),
51
47
  data: getMonthsNames.getMonthsNames(locale).map((month, index) => ({
@@ -54,10 +50,9 @@ function CalendarLabel({
54
50
  }))
55
51
  }), /* @__PURE__ */ React__default.createElement(core.NativeSelect, {
56
52
  "aria-label": yearLabel,
57
- className: classes.select,
58
- style: _styles.select,
53
+ className: classes.calendarSelect,
54
+ style: _styles.calendarSelect,
59
55
  size: selectSize,
60
- themeOverride,
61
56
  value: value.getFullYear(),
62
57
  onChange: (event) => onChange(dayjs__default(value).set("year", parseInt(event.currentTarget.value, 10)).toDate()),
63
58
  data: getYearsRange.getYearsRange(yearsRange).map((year) => ({
@@ -65,8 +60,8 @@ function CalendarLabel({
65
60
  value: year.toString()
66
61
  }))
67
62
  })) : /* @__PURE__ */ React__default.createElement(core.Text, {
68
- className: classes.label,
69
- style: _styles.label,
63
+ className: classes.calendarLabel,
64
+ style: _styles.calendarLabel,
70
65
  size
71
66
  }, hooks.upperFirst(dayjs__default(value).locale(locale).format(labelFormat)));
72
67
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarLabel.js","sources":["../../../../src/components/Calendar/CalendarLabel/CalendarLabel.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport {\n useMantineTheme,\n DefaultProps,\n mergeStyles,\n NativeSelect,\n Group,\n Text,\n MantineSize,\n} from '@mantine/core';\nimport { upperFirst } from '@mantine/hooks';\nimport { getMonthsNames, getYearsRange } from '../../../utils';\nimport useStyles from './CalendarLabel.styles';\n\nexport type CalendarLabelStylesNames = keyof ReturnType<typeof useStyles>;\n\ninterface CalendarLabelProps extends DefaultProps<CalendarLabelStylesNames> {\n locale: string;\n withSelect: boolean;\n yearsRange: { from: number; to: number };\n value: Date;\n onChange(value: Date): void;\n labelFormat: string;\n __staticSelector: string;\n size: MantineSize;\n monthLabel?: string;\n yearLabel?: string;\n}\n\nexport function CalendarLabel({\n locale,\n classNames,\n styles,\n withSelect,\n yearsRange,\n value,\n themeOverride,\n labelFormat,\n onChange,\n size,\n __staticSelector,\n monthLabel,\n yearLabel,\n}: CalendarLabelProps) {\n const theme = useMantineTheme(themeOverride);\n const selectSize = size === 'lg' || size === 'xl' ? 'md' : 'xs';\n const classes = useStyles({ theme }, classNames, __staticSelector);\n const _styles = mergeStyles(classes, styles);\n\n return withSelect ? (\n <Group\n spacing={5}\n noWrap\n themeOverride={themeOverride}\n className={classes.selectGroup}\n style={_styles.selectGroup}\n >\n <NativeSelect\n aria-label={monthLabel}\n className={classes.select}\n style={_styles.select}\n size={selectSize}\n themeOverride={themeOverride}\n value={value.getMonth()}\n onChange={(event) =>\n onChange(dayjs(value).set('month', parseInt(event.currentTarget.value, 10)).toDate())\n }\n data={getMonthsNames(locale).map((month, index) => ({\n label: upperFirst(month),\n value: index.toString(),\n }))}\n />\n\n <NativeSelect\n aria-label={yearLabel}\n className={classes.select}\n style={_styles.select}\n size={selectSize}\n themeOverride={themeOverride}\n value={value.getFullYear()}\n onChange={(event) =>\n onChange(dayjs(value).set('year', parseInt(event.currentTarget.value, 10)).toDate())\n }\n data={getYearsRange(yearsRange).map((year) => ({\n label: year.toString(),\n value: year.toString(),\n }))}\n />\n </Group>\n ) : (\n <Text className={classes.label} style={_styles.label} size={size}>\n {upperFirst(dayjs(value).locale(locale).format(labelFormat))}\n </Text>\n );\n}\n\nCalendarLabel.displayName = '@mantine/dates/CalendarLabel';\n"],"names":["useMantineTheme","useStyles","mergeStyles","React","Group","NativeSelect","dayjs","getMonthsNames","upperFirst","getYearsRange","Text"],"mappings":"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"}
1
+ {"version":3,"file":"CalendarLabel.js","sources":["../../../../src/components/Calendar/CalendarLabel/CalendarLabel.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport {\n DefaultProps,\n mergeStyles,\n NativeSelect,\n Group,\n Text,\n MantineSize,\n ClassNames,\n} from '@mantine/core';\nimport { upperFirst } from '@mantine/hooks';\nimport { getMonthsNames, getYearsRange } from '../../../utils';\nimport useStyles from './CalendarLabel.styles';\n\nexport type CalendarLabelStylesNames = ClassNames<typeof useStyles>;\n\ninterface CalendarLabelProps extends DefaultProps<CalendarLabelStylesNames> {\n locale: string;\n withSelect: boolean;\n yearsRange: { from: number; to: number };\n value: Date;\n onChange(value: Date): void;\n labelFormat: string;\n __staticSelector: string;\n size: MantineSize;\n monthLabel?: string;\n yearLabel?: string;\n}\n\nexport function CalendarLabel({\n locale,\n classNames,\n styles,\n withSelect,\n yearsRange,\n value,\n labelFormat,\n onChange,\n size,\n __staticSelector,\n monthLabel,\n yearLabel,\n}: CalendarLabelProps) {\n const selectSize = size === 'lg' || size === 'xl' ? 'md' : 'xs';\n const { classes } = useStyles(null, classNames, __staticSelector);\n const _styles = mergeStyles(classes, styles);\n\n return withSelect ? (\n <Group\n spacing={5}\n noWrap\n className={classes.calendarSelectGroup}\n style={_styles.calendarSelectGroup}\n >\n <NativeSelect\n aria-label={monthLabel}\n className={classes.calendarSelect}\n style={_styles.calendarSelect}\n size={selectSize}\n value={value.getMonth()}\n onChange={(event) =>\n onChange(dayjs(value).set('month', parseInt(event.currentTarget.value, 10)).toDate())\n }\n data={getMonthsNames(locale).map((month, index) => ({\n label: upperFirst(month),\n value: index.toString(),\n }))}\n />\n\n <NativeSelect\n aria-label={yearLabel}\n className={classes.calendarSelect}\n style={_styles.calendarSelect}\n size={selectSize}\n value={value.getFullYear()}\n onChange={(event) =>\n onChange(dayjs(value).set('year', parseInt(event.currentTarget.value, 10)).toDate())\n }\n data={getYearsRange(yearsRange).map((year) => ({\n label: year.toString(),\n value: year.toString(),\n }))}\n />\n </Group>\n ) : (\n <Text className={classes.calendarLabel} style={_styles.calendarLabel} size={size}>\n {upperFirst(dayjs(value).locale(locale).format(labelFormat))}\n </Text>\n );\n}\n\nCalendarLabel.displayName = '@mantine/dates/CalendarLabel';\n"],"names":["useStyles","mergeStyles","React","Group","NativeSelect","dayjs","getMonthsNames","upperFirst","getYearsRange","Text"],"mappings":"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"}
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var core = require('@mantine/core');
6
6
 
7
- var useStyles = core.createMemoStyles({
8
- selectGroup: {},
9
- select: {},
10
- label: {}
7
+ var useStyles = core.createStyles({
8
+ calendarSelectGroup: {},
9
+ calendarSelect: {},
10
+ calendarLabel: {}
11
11
  });
12
12
 
13
13
  exports.default = useStyles;
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarLabel.styles.js","sources":["../../../../src/components/Calendar/CalendarLabel/CalendarLabel.styles.ts"],"sourcesContent":["import { createMemoStyles } from '@mantine/core';\n\nexport default createMemoStyles({\n selectGroup: {},\n select: {},\n label: {},\n});\n"],"names":["createMemoStyles"],"mappings":";;;;;;AACA,gBAAeA,qBAAgB,CAAC;AAChC,EAAE,WAAW,EAAE,EAAE;AACjB,EAAE,MAAM,EAAE,EAAE;AACZ,EAAE,KAAK,EAAE,EAAE;AACX,CAAC,CAAC;;;;"}
1
+ {"version":3,"file":"CalendarLabel.styles.js","sources":["../../../../src/components/Calendar/CalendarLabel/CalendarLabel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles({\n calendarSelectGroup: {},\n calendarSelect: {},\n calendarLabel: {},\n});\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC;AAC5B,EAAE,mBAAmB,EAAE,EAAE;AACzB,EAAE,cAAc,EAAE,EAAE;AACpB,EAAE,aAAa,EAAE,EAAE;AACnB,CAAC,CAAC;;;;"}
@@ -46,7 +46,6 @@ function DatePicker(_a) {
46
46
  value,
47
47
  onChange,
48
48
  defaultValue,
49
- themeOverride,
50
49
  classNames,
51
50
  styles,
52
51
  shadow = "sm",
@@ -79,7 +78,6 @@ function DatePicker(_a) {
79
78
  "value",
80
79
  "onChange",
81
80
  "defaultValue",
82
- "themeOverride",
83
81
  "classNames",
84
82
  "styles",
85
83
  "shadow",
@@ -155,7 +153,6 @@ function DatePicker(_a) {
155
153
  classNames,
156
154
  styles,
157
155
  locale,
158
- themeOverride,
159
156
  nextMonthLabel,
160
157
  previousMonthLabel,
161
158
  initialMonth: _value instanceof Date ? _value : initialMonth,
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { Calendar, CalendarSettings } from '../Calendar/Calendar';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\nexport interface DatePickerProps extends DatePickerBaseSharedProps, Omit<CalendarSettings, 'size'> {\n /** Selected date, required with controlled input */\n value?: Date;\n\n /** Called when date changes */\n onChange?(value: Date | null): void;\n\n /** Default value for uncontrolled input */\n defaultValue?: Date | null;\n\n /** Set to false to force dropdown to stay open after date was selected */\n closeCalendarOnChange?: boolean;\n\n /** dayjs input format */\n inputFormat?: string;\n\n /** Control initial dropdown opened state */\n initiallyOpened?: boolean;\n\n /** Input name, useful for uncontrolled variant to capture data with native form */\n name?: string;\n}\n\nexport function DatePicker({\n value,\n onChange,\n defaultValue,\n themeOverride,\n classNames,\n styles,\n shadow = 'sm',\n locale = 'en',\n inputFormat = 'MMMM D, YYYY',\n transitionDuration = 200,\n transitionTimingFunction,\n nextMonthLabel,\n previousMonthLabel,\n closeCalendarOnChange = true,\n labelFormat = 'MMMM YYYY',\n withSelect = false,\n yearsRange,\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n minDate,\n maxDate,\n excludeDate,\n elementRef,\n initialMonth,\n initiallyOpened = false,\n name = 'date',\n size = 'sm',\n dropdownType = 'popover',\n clearable = true,\n disabled = false,\n clearButtonLabel,\n ...others\n}: DatePickerProps) {\n const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n const inputRef = useRef<HTMLInputElement>();\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: null,\n onChange,\n rule: (val) => val === null || val instanceof Date,\n });\n\n const closeDropdown = () => {\n setDropdownOpened(false);\n setTimeout(() => inputRef.current?.focus(), transitionDuration + 20);\n };\n\n const handleValueChange = (date: Date) => {\n setValue(date);\n closeCalendarOnChange && closeDropdown();\n };\n\n const handleClear = () => {\n setValue(null);\n inputRef.current?.focus();\n };\n\n return (\n <>\n <DatePickerBase\n dropdownOpened={dropdownOpened}\n setDropdownOpened={setDropdownOpened}\n shadow={shadow}\n transitionDuration={transitionDuration}\n elementRef={useMergedRef(elementRef, inputRef)}\n size={size}\n styles={styles}\n classNames={classNames}\n inputLabel={\n _value instanceof Date\n ? upperFirst(dayjs(_value).locale(locale).format(inputFormat))\n : null\n }\n __staticSelector=\"date-picker\"\n dropdownType={dropdownType}\n clearable={clearable && !!_value && !disabled}\n clearButtonLabel={clearButtonLabel}\n onClear={handleClear}\n disabled={disabled}\n {...others}\n >\n <Calendar\n classNames={classNames}\n styles={styles}\n locale={locale}\n themeOverride={themeOverride}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n initialMonth={_value instanceof Date ? _value : initialMonth}\n value={_value}\n onChange={handleValueChange}\n labelFormat={labelFormat}\n withSelect={withSelect}\n yearsRange={yearsRange}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutsideEvents={disableOutsideEvents}\n minDate={minDate}\n maxDate={maxDate}\n excludeDate={excludeDate}\n __staticSelector=\"date-picker\"\n fullWidth={dropdownType === 'modal'}\n size={dropdownType === 'modal' ? 'lg' : calendarSize}\n />\n </DatePickerBase>\n\n <input type=\"hidden\" name={name} value={_value instanceof Date ? _value.toISOString() : ''} />\n </>\n );\n}\n\nDatePicker.displayName = '@mantine/dates/DatePicker';\n"],"names":["useState","useRef","useUncontrolled","React","DatePickerBase","useMergedRef","upperFirst","dayjs","Calendar"],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useUncontrolled, useMergedRef, upperFirst } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { Calendar, CalendarSettings } from '../Calendar/Calendar';\nimport { DatePickerBase, DatePickerBaseSharedProps } from '../DatePickerBase/DatePickerBase';\n\nexport interface DatePickerProps extends DatePickerBaseSharedProps, Omit<CalendarSettings, 'size'> {\n /** Selected date, required with controlled input */\n value?: Date;\n\n /** Called when date changes */\n onChange?(value: Date | null): void;\n\n /** Default value for uncontrolled input */\n defaultValue?: Date | null;\n\n /** Set to false to force dropdown to stay open after date was selected */\n closeCalendarOnChange?: boolean;\n\n /** dayjs input format */\n inputFormat?: string;\n\n /** Control initial dropdown opened state */\n initiallyOpened?: boolean;\n\n /** Input name, useful for uncontrolled variant to capture data with native form */\n name?: string;\n}\n\nexport function DatePicker({\n value,\n onChange,\n defaultValue,\n classNames,\n styles,\n shadow = 'sm',\n locale = 'en',\n inputFormat = 'MMMM D, YYYY',\n transitionDuration = 200,\n transitionTimingFunction,\n nextMonthLabel,\n previousMonthLabel,\n closeCalendarOnChange = true,\n labelFormat = 'MMMM YYYY',\n withSelect = false,\n yearsRange,\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n minDate,\n maxDate,\n excludeDate,\n elementRef,\n initialMonth,\n initiallyOpened = false,\n name = 'date',\n size = 'sm',\n dropdownType = 'popover',\n clearable = true,\n disabled = false,\n clearButtonLabel,\n ...others\n}: DatePickerProps) {\n const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n const calendarSize = size === 'lg' || size === 'xl' ? 'md' : 'sm';\n const inputRef = useRef<HTMLInputElement>();\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: null,\n onChange,\n rule: (val) => val === null || val instanceof Date,\n });\n\n const closeDropdown = () => {\n setDropdownOpened(false);\n setTimeout(() => inputRef.current?.focus(), transitionDuration + 20);\n };\n\n const handleValueChange = (date: Date) => {\n setValue(date);\n closeCalendarOnChange && closeDropdown();\n };\n\n const handleClear = () => {\n setValue(null);\n inputRef.current?.focus();\n };\n\n return (\n <>\n <DatePickerBase\n dropdownOpened={dropdownOpened}\n setDropdownOpened={setDropdownOpened}\n shadow={shadow}\n transitionDuration={transitionDuration}\n elementRef={useMergedRef(elementRef, inputRef)}\n size={size}\n styles={styles}\n classNames={classNames}\n inputLabel={\n _value instanceof Date\n ? upperFirst(dayjs(_value).locale(locale).format(inputFormat))\n : null\n }\n __staticSelector=\"date-picker\"\n dropdownType={dropdownType}\n clearable={clearable && !!_value && !disabled}\n clearButtonLabel={clearButtonLabel}\n onClear={handleClear}\n disabled={disabled}\n {...others}\n >\n <Calendar\n classNames={classNames}\n styles={styles}\n locale={locale}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n initialMonth={_value instanceof Date ? _value : initialMonth}\n value={_value}\n onChange={handleValueChange}\n labelFormat={labelFormat}\n withSelect={withSelect}\n yearsRange={yearsRange}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutsideEvents={disableOutsideEvents}\n minDate={minDate}\n maxDate={maxDate}\n excludeDate={excludeDate}\n __staticSelector=\"date-picker\"\n fullWidth={dropdownType === 'modal'}\n size={dropdownType === 'modal' ? 'lg' : calendarSize}\n />\n </DatePickerBase>\n\n <input type=\"hidden\" name={name} value={_value instanceof Date ? _value.toISOString() : ''} />\n </>\n );\n}\n\nDatePicker.displayName = '@mantine/dates/DatePicker';\n"],"names":["useState","useRef","useUncontrolled","React","DatePickerBase","useMergedRef","upperFirst","dayjs","Calendar"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMK,SAAS,UAAU,CAAC,EAAE,EAAE;AAC/B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,WAAW,GAAG,cAAc;AAChC,IAAI,kBAAkB,GAAG,GAAG;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,qBAAqB,GAAG,IAAI;AAChC,IAAI,WAAW,GAAG,WAAW;AAC7B,IAAI,UAAU,GAAG,KAAK;AACtB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,eAAe,GAAG,KAAK;AAC3B,IAAI,IAAI,GAAG,MAAM;AACjB,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,YAAY,GAAG,SAAS;AAC5B,IAAI,SAAS,GAAG,IAAI;AACpB,IAAI,QAAQ,GAAG,KAAK;AACpB,IAAI,gBAAgB;AACpB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,gBAAgB;AACpB,IAAI,oBAAoB;AACxB,IAAI,uBAAuB;AAC3B,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,sBAAsB;AAC1B,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,eAAe,CAAC,CAAC;AACxE,EAAE,MAAM,YAAY,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ;AACZ,IAAI,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,IAAI,GAAG,YAAY,IAAI;AACtD,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,aAAa,GAAG,MAAM;AAC9B,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC7B,IAAI,UAAU,CAAC,MAAM;AACrB,MAAM,IAAI,GAAG,CAAC;AACd,MAAM,OAAO,CAAC,GAAG,GAAG,QAAQ,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;AACrE,KAAK,EAAE,kBAAkB,GAAG,EAAE,CAAC,CAAC;AAChC,GAAG,CAAC;AACJ,EAAE,MAAM,iBAAiB,GAAG,CAAC,IAAI,KAAK;AACtC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnB,IAAI,qBAAqB,IAAI,aAAa,EAAE,CAAC;AAC7C,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnB,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;AAC5D,GAAG,CAAC;AACJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,kBAAkBA,cAAK,CAAC,aAAa,CAACC,6BAAc,EAAE,cAAc,CAAC;AACtI,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,IAAI,kBAAkB;AACtB,IAAI,UAAU,EAAEC,kBAAY,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClD,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,UAAU,EAAE,MAAM,YAAY,IAAI,GAAGC,gBAAU,CAACC,cAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI;AAC5G,IAAI,gBAAgB,EAAE,aAAa;AACnC,IAAI,YAAY;AAChB,IAAI,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,QAAQ;AACjD,IAAI,gBAAgB;AACpB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,kBAAkBJ,cAAK,CAAC,aAAa,CAACK,iBAAQ,EAAE;AAC5D,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,kBAAkB;AACtB,IAAI,YAAY,EAAE,MAAM,YAAY,IAAI,GAAG,MAAM,GAAG,YAAY;AAChE,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,QAAQ,EAAE,iBAAiB;AAC/B,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,gBAAgB,EAAE,aAAa;AACnC,IAAI,SAAS,EAAE,YAAY,KAAK,OAAO;AACvC,IAAI,IAAI,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GAAG,YAAY;AACxD,GAAG,CAAC,CAAC,kBAAkBL,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE;AACpD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI;AACR,IAAI,KAAK,EAAE,MAAM,YAAY,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE;AAC7D,GAAG,CAAC,CAAC,CAAC;AACN,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,2BAA2B;;;;"}
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var cx = require('clsx');
7
6
  var core = require('@mantine/core');
8
7
  var hooks = require('@mantine/hooks');
9
8
  var DatePickerBase_styles = require('./DatePickerBase.styles.js');
@@ -11,7 +10,6 @@ var DatePickerBase_styles = require('./DatePickerBase.styles.js');
11
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
12
11
 
13
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
15
13
 
16
14
  var __defProp = Object.defineProperty;
17
15
  var __defProps = Object.defineProperties;
@@ -53,7 +51,6 @@ const RIGHT_SECTION_WIDTH = {
53
51
  };
54
52
  function DatePickerBase(_a) {
55
53
  var _b = _a, {
56
- themeOverride,
57
54
  classNames,
58
55
  className,
59
56
  style,
@@ -84,7 +81,6 @@ function DatePickerBase(_a) {
84
81
  positionDependencies = [],
85
82
  zIndex = 3
86
83
  } = _b, others = __objRest(_b, [
87
- "themeOverride",
88
84
  "classNames",
89
85
  "className",
90
86
  "style",
@@ -115,14 +111,12 @@ function DatePickerBase(_a) {
115
111
  "positionDependencies",
116
112
  "zIndex"
117
113
  ]);
118
- const theme = core.useMantineTheme(themeOverride);
119
- const classes = DatePickerBase_styles['default']({ theme, size, invalid: !!error }, classNames, __staticSelector);
114
+ const { classes, cx } = DatePickerBase_styles['default']({ size, invalid: !!error }, classNames, __staticSelector);
120
115
  const _styles = core.mergeStyles(classes, styles);
121
116
  const [dropdownElement, setDropdownElement] = React.useState(null);
122
117
  const [rootElement, setRootElement] = React.useState(null);
123
118
  const [referenceElement, setReferenceElement] = React.useState(null);
124
- const uuid = hooks.useId(id);
125
- const clickOutsideRegister = core.useClickOutsideRegister();
119
+ const uuid = core.useUuid(id);
126
120
  const focusTrapRef = hooks.useFocusTrap();
127
121
  const inputRef = React.useRef();
128
122
  const closeDropdown = () => {
@@ -140,11 +134,7 @@ function DatePickerBase(_a) {
140
134
  rootElement
141
135
  ]);
142
136
  hooks.useWindowEvent("scroll", () => closeDropdownOnScroll && setDropdownOpened(false));
143
- React.useEffect(() => {
144
- clickOutsideRegister(`${uuid}-dropdown`, dropdownElement);
145
- }, [dropdownElement]);
146
137
  const rightSection = clearable ? /* @__PURE__ */ React__default.createElement(core.CloseButton, {
147
- themeOverride,
148
138
  variant: "transparent",
149
139
  "aria-label": clearButtonLabel,
150
140
  onClick: onClear,
@@ -158,7 +148,6 @@ function DatePickerBase(_a) {
158
148
  description,
159
149
  className,
160
150
  style,
161
- themeOverride,
162
151
  classNames,
163
152
  styles,
164
153
  size,
@@ -170,10 +159,9 @@ function DatePickerBase(_a) {
170
159
  style: _styles.wrapper,
171
160
  ref: setReferenceElement
172
161
  }, /* @__PURE__ */ React__default.createElement(core.Input, __spreadValues({
173
- themeOverride,
174
162
  component: "button",
175
163
  type: "button",
176
- classNames: __spreadProps(__spreadValues({}, classNames), { input: cx__default(classes.input, classNames == null ? void 0 : classNames.input) }),
164
+ classNames: __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) }),
177
165
  styles: __spreadProps(__spreadValues({}, styles), { input: __spreadProps(__spreadValues({}, styles == null ? void 0 : styles.input), { cursor: "pointer" }) }),
178
166
  onClick: () => setDropdownOpened(!dropdownOpened),
179
167
  id: uuid,
@@ -190,7 +178,7 @@ function DatePickerBase(_a) {
190
178
  size
191
179
  }, placeholder))), dropdownType === "popover" ? /* @__PURE__ */ React__default.createElement(core.Popper, {
192
180
  referenceElement,
193
- transitionDuration: hooks.useReducedMotion() ? 0 : transitionDuration,
181
+ transitionDuration,
194
182
  transitionTimingFunction,
195
183
  forceUpdateDependencies: positionDependencies,
196
184
  transition,
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerBase.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport cx from 'clsx';\nimport {\n DefaultProps,\n useMantineTheme,\n mergeStyles,\n Input,\n InputWrapper,\n Text,\n InputBaseProps,\n InputWrapperBaseProps,\n Paper,\n Popper,\n MantineTransition,\n InputStylesNames,\n InputWrapperStylesNames,\n MantineSize,\n Modal,\n CloseButton,\n getSizeValue,\n useClickOutsideRegister,\n MantineShadow,\n} from '@mantine/core';\nimport {\n useId,\n useClickOutside,\n useFocusTrap,\n useMergedRef,\n useWindowEvent,\n useReducedMotion,\n} from '@mantine/hooks';\nimport { CalendarStylesNames } from '../Calendar/Calendar';\nimport useStyles from './DatePickerBase.styles';\n\nexport type DatePickerStylesNames =\n | keyof ReturnType<typeof useStyles>\n | CalendarStylesNames\n | InputStylesNames\n | InputWrapperStylesNames;\n\nexport interface DatePickerBaseSharedProps\n extends InputBaseProps,\n InputWrapperBaseProps,\n DefaultProps<DatePickerStylesNames>,\n Omit<\n React.ComponentPropsWithoutRef<'button'>,\n 'value' | 'defaultValue' | 'onChange' | 'placeholder'\n > {\n /** Props spread to root element (InputWrapper) */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Placeholder, displayed when date is not selected */\n placeholder?: React.ReactNode;\n\n /** Dropdown appear/disappear transition */\n transition?: MantineTransition;\n\n /** Dropdown appear/disappear transition duration */\n transitionDuration?: number;\n\n /** Dropdown appear/disappear transition timing function, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Dropdown shadow from theme or css value for custom box-shadow */\n shadow?: MantineShadow;\n\n /** Get input button ref */\n elementRef?: React.ForwardedRef<HTMLButtonElement>;\n\n /** Input name, useful fon uncontrolled variant to capture data with native form */\n name?: string;\n\n /** Set to true to disable dropdown closing on scroll */\n closeDropdownOnScroll?: boolean;\n\n /** Input size */\n size?: MantineSize;\n\n /** Where to show calendar in modal or popover */\n dropdownType?: 'popover' | 'modal';\n\n /** Allow to clear value */\n clearable?: boolean;\n\n /** aria-label for clear button */\n clearButtonLabel?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Popper zIndex */\n zIndex?: number;\n}\n\nexport interface DatePickerBaseProps extends DatePickerBaseSharedProps {\n /** Internal prop to set input label */\n inputLabel?: string;\n\n /** Static css selector base */\n __staticSelector?: string;\n\n /** Controls dropdown opened state */\n dropdownOpened: boolean;\n\n /** Called when dropdown opened state changes */\n setDropdownOpened(opened: boolean): void;\n\n /** Called when clear button in clicked */\n onClear(): void;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 40,\n xl: 44,\n};\n\nexport function DatePickerBase({\n themeOverride,\n classNames,\n className,\n style,\n styles,\n wrapperProps,\n required,\n label,\n error,\n id,\n description,\n placeholder,\n shadow = 'sm',\n transition = 'pop-top-left',\n transitionDuration = 200,\n transitionTimingFunction,\n elementRef,\n closeDropdownOnScroll = true,\n size = 'sm',\n children,\n inputLabel,\n __staticSelector = 'date-picker',\n dropdownOpened,\n setDropdownOpened,\n dropdownType = 'popover',\n clearable = true,\n clearButtonLabel,\n onClear,\n positionDependencies = [],\n zIndex = 3,\n ...others\n}: DatePickerBaseProps) {\n const theme = useMantineTheme(themeOverride);\n const classes = useStyles({ theme, size, invalid: !!error }, classNames, __staticSelector);\n const _styles = mergeStyles(classes, styles);\n const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n const [referenceElement, setReferenceElement] = useState<HTMLDivElement>(null);\n const uuid = useId(id);\n const clickOutsideRegister = useClickOutsideRegister();\n\n const focusTrapRef = useFocusTrap();\n const inputRef = useRef<HTMLButtonElement>();\n const closeDropdown = () => {\n if (dropdownOpened) {\n setDropdownOpened(false);\n setTimeout(() => inputRef.current?.focus(), transitionDuration + 20);\n }\n };\n const closeOnEscape = (event: React.KeyboardEvent<HTMLDivElement>) =>\n event.nativeEvent.code === 'Escape' && closeDropdown();\n\n useClickOutside(() => dropdownType === 'popover' && closeDropdown(), null, [\n dropdownElement,\n rootElement,\n ]);\n\n useWindowEvent('scroll', () => closeDropdownOnScroll && setDropdownOpened(false));\n\n useEffect(() => {\n clickOutsideRegister(`${uuid}-dropdown`, dropdownElement);\n }, [dropdownElement]);\n\n const rightSection = clearable ? (\n <CloseButton\n themeOverride={themeOverride}\n variant=\"transparent\"\n aria-label={clearButtonLabel}\n onClick={onClear}\n size={size}\n />\n ) : null;\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n className={className}\n style={style}\n themeOverride={themeOverride}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n {...wrapperProps}\n >\n <div ref={setRootElement}>\n <div className={classes.wrapper} style={_styles.wrapper} ref={setReferenceElement}>\n <Input\n themeOverride={themeOverride}\n component=\"button\"\n type=\"button\"\n classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n styles={{ ...styles, input: { ...styles?.input, cursor: 'pointer' } }}\n onClick={() => setDropdownOpened(!dropdownOpened)}\n id={uuid}\n elementRef={useMergedRef(elementRef, inputRef)}\n __staticSelector={__staticSelector}\n size={size}\n required={required}\n invalid={!!error}\n rightSection={rightSection}\n rightSectionWidth={getSizeValue({ size, sizes: RIGHT_SECTION_WIDTH })}\n {...others}\n >\n {inputLabel || (\n <Text style={_styles.placeholder} className={classes.placeholder} size={size}>\n {placeholder}\n </Text>\n )}\n </Input>\n </div>\n\n {dropdownType === 'popover' ? (\n <Popper\n referenceElement={referenceElement}\n transitionDuration={useReducedMotion() ? 0 : transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n forceUpdateDependencies={positionDependencies}\n transition={transition}\n mounted={dropdownOpened}\n position=\"bottom\"\n placement=\"start\"\n gutter={0}\n withArrow\n arrowSize={3}\n zIndex={zIndex}\n >\n <div\n className={classes.dropdownWrapper}\n style={_styles.dropdownWrapper}\n ref={useMergedRef(focusTrapRef, setDropdownElement)}\n data-mantine-stop-propagation={dropdownType === 'popover' && dropdownOpened}\n onKeyDownCapture={closeOnEscape}\n >\n <Paper className={classes.dropdown} style={_styles.dropdown} shadow={shadow}>\n {children}\n </Paper>\n </div>\n </Popper>\n ) : (\n <Modal opened={dropdownOpened} onClose={closeDropdown} hideCloseButton>\n {children}\n </Modal>\n )}\n </div>\n </InputWrapper>\n );\n}\n\nDatePickerBase.displayName = '@mantine/dates/DatePickerBase';\n"],"names":["useMantineTheme","useStyles","mergeStyles","useState","useId","useClickOutsideRegister","useFocusTrap","useRef","useClickOutside","useWindowEvent","useEffect","React","CloseButton","InputWrapper","Input","cx","useMergedRef","getSizeValue","Text","Popper","useReducedMotion","Paper","Modal"],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerBase.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport {\n DefaultProps,\n mergeStyles,\n Input,\n InputWrapper,\n Text,\n InputBaseProps,\n InputWrapperBaseProps,\n Paper,\n Popper,\n MantineTransition,\n InputStylesNames,\n InputWrapperStylesNames,\n MantineSize,\n Modal,\n CloseButton,\n getSizeValue,\n MantineShadow,\n ClassNames,\n useUuid,\n} from '@mantine/core';\nimport { useClickOutside, useFocusTrap, useMergedRef, useWindowEvent } from '@mantine/hooks';\nimport { CalendarStylesNames } from '../Calendar/Calendar';\nimport useStyles from './DatePickerBase.styles';\n\nexport type DatePickerStylesNames =\n | ClassNames<typeof useStyles>\n | CalendarStylesNames\n | InputStylesNames\n | InputWrapperStylesNames;\n\nexport interface DatePickerBaseSharedProps\n extends InputBaseProps,\n InputWrapperBaseProps,\n DefaultProps<DatePickerStylesNames>,\n Omit<\n React.ComponentPropsWithoutRef<'button'>,\n 'value' | 'defaultValue' | 'onChange' | 'placeholder'\n > {\n /** Props spread to root element (InputWrapper) */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Placeholder, displayed when date is not selected */\n placeholder?: React.ReactNode;\n\n /** Dropdown appear/disappear transition */\n transition?: MantineTransition;\n\n /** Dropdown appear/disappear transition duration */\n transitionDuration?: number;\n\n /** Dropdown appear/disappear transition timing function, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Dropdown shadow from theme or css value for custom box-shadow */\n shadow?: MantineShadow;\n\n /** Get input button ref */\n elementRef?: React.ForwardedRef<HTMLButtonElement>;\n\n /** Input name, useful fon uncontrolled variant to capture data with native form */\n name?: string;\n\n /** Set to true to disable dropdown closing on scroll */\n closeDropdownOnScroll?: boolean;\n\n /** Input size */\n size?: MantineSize;\n\n /** Where to show calendar in modal or popover */\n dropdownType?: 'popover' | 'modal';\n\n /** Allow to clear value */\n clearable?: boolean;\n\n /** aria-label for clear button */\n clearButtonLabel?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n\n /** Popper zIndex */\n zIndex?: number;\n}\n\nexport interface DatePickerBaseProps extends DatePickerBaseSharedProps {\n /** Internal prop to set input label */\n inputLabel?: string;\n\n /** Static css selector base */\n __staticSelector?: string;\n\n /** Controls dropdown opened state */\n dropdownOpened: boolean;\n\n /** Called when dropdown opened state changes */\n setDropdownOpened(opened: boolean): void;\n\n /** Called when clear button in clicked */\n onClear(): void;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 40,\n xl: 44,\n};\n\nexport function DatePickerBase({\n classNames,\n className,\n style,\n styles,\n wrapperProps,\n required,\n label,\n error,\n id,\n description,\n placeholder,\n shadow = 'sm',\n transition = 'pop-top-left',\n transitionDuration = 200,\n transitionTimingFunction,\n elementRef,\n closeDropdownOnScroll = true,\n size = 'sm',\n children,\n inputLabel,\n __staticSelector = 'date-picker',\n dropdownOpened,\n setDropdownOpened,\n dropdownType = 'popover',\n clearable = true,\n clearButtonLabel,\n onClear,\n positionDependencies = [],\n zIndex = 3,\n ...others\n}: DatePickerBaseProps) {\n const { classes, cx } = useStyles({ size, invalid: !!error }, classNames, __staticSelector);\n const _styles = mergeStyles(classes, styles);\n const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n const [referenceElement, setReferenceElement] = useState<HTMLDivElement>(null);\n const uuid = useUuid(id);\n\n const focusTrapRef = useFocusTrap();\n const inputRef = useRef<HTMLButtonElement>();\n const closeDropdown = () => {\n if (dropdownOpened) {\n setDropdownOpened(false);\n setTimeout(() => inputRef.current?.focus(), transitionDuration + 20);\n }\n };\n const closeOnEscape = (event: React.KeyboardEvent<HTMLDivElement>) =>\n event.nativeEvent.code === 'Escape' && closeDropdown();\n\n useClickOutside(() => dropdownType === 'popover' && closeDropdown(), null, [\n dropdownElement,\n rootElement,\n ]);\n\n useWindowEvent('scroll', () => closeDropdownOnScroll && setDropdownOpened(false));\n\n const rightSection = clearable ? (\n <CloseButton\n variant=\"transparent\"\n aria-label={clearButtonLabel}\n onClick={onClear}\n size={size}\n />\n ) : null;\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n className={className}\n style={style}\n classNames={classNames}\n styles={styles}\n size={size}\n __staticSelector={__staticSelector}\n {...wrapperProps}\n >\n <div ref={setRootElement}>\n <div className={classes.wrapper} style={_styles.wrapper} ref={setReferenceElement}>\n <Input\n component=\"button\"\n type=\"button\"\n classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n styles={{ ...styles, input: { ...styles?.input, cursor: 'pointer' } }}\n onClick={() => setDropdownOpened(!dropdownOpened)}\n id={uuid}\n elementRef={useMergedRef(elementRef, inputRef)}\n __staticSelector={__staticSelector}\n size={size}\n required={required}\n invalid={!!error}\n rightSection={rightSection}\n rightSectionWidth={getSizeValue({ size, sizes: RIGHT_SECTION_WIDTH })}\n {...others}\n >\n {inputLabel || (\n <Text style={_styles.placeholder} className={classes.placeholder} size={size}>\n {placeholder}\n </Text>\n )}\n </Input>\n </div>\n\n {dropdownType === 'popover' ? (\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n forceUpdateDependencies={positionDependencies}\n transition={transition}\n mounted={dropdownOpened}\n position=\"bottom\"\n placement=\"start\"\n gutter={0}\n withArrow\n arrowSize={3}\n zIndex={zIndex}\n >\n <div\n className={classes.dropdownWrapper}\n style={_styles.dropdownWrapper}\n ref={useMergedRef(focusTrapRef, setDropdownElement)}\n data-mantine-stop-propagation={dropdownType === 'popover' && dropdownOpened}\n onKeyDownCapture={closeOnEscape}\n >\n <Paper className={classes.dropdown} style={_styles.dropdown} shadow={shadow}>\n {children}\n </Paper>\n </div>\n </Popper>\n ) : (\n <Modal opened={dropdownOpened} onClose={closeDropdown} hideCloseButton>\n {children}\n </Modal>\n )}\n </div>\n </InputWrapper>\n );\n}\n\nDatePickerBase.displayName = '@mantine/dates/DatePickerBase';\n"],"names":["useStyles","mergeStyles","useState","useUuid","useFocusTrap","useRef","useClickOutside","useWindowEvent","React","CloseButton","InputWrapper","Input","useMergedRef","getSizeValue","Text","Popper","Paper","Modal"],"mappings":"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"}
@@ -23,15 +23,15 @@ var __spreadValues = (a, b) => {
23
23
  return a;
24
24
  };
25
25
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
26
- var useStyles = core.createMemoStyles({
27
- wrapper: ({ theme }) => __spreadProps(__spreadValues({}, core.getFontStyles(theme)), {
26
+ var useStyles = core.createStyles((theme, { size, invalid }) => ({
27
+ wrapper: __spreadProps(__spreadValues({}, core.getFontStyles(theme)), {
28
28
  position: "relative",
29
29
  cursor: "pointer"
30
30
  }),
31
- placeholder: ({ theme, size, invalid }) => ({
31
+ placeholder: {
32
32
  lineHeight: `${core.getSizeValue({ size, sizes: core.INPUT_SIZES }) - 2}px`,
33
33
  color: invalid ? theme.colors.red[theme.colorScheme === "dark" ? 6 : 7] : theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
34
- }),
34
+ },
35
35
  dropdownWrapper: {
36
36
  position: "relative",
37
37
  pointerEvents: "all"
@@ -40,14 +40,14 @@ var useStyles = core.createMemoStyles({
40
40
  cursor: "pointer",
41
41
  whiteSpace: "nowrap"
42
42
  },
43
- dropdown: ({ theme }) => ({
43
+ dropdown: {
44
44
  position: "absolute",
45
45
  left: 0,
46
46
  top: theme.spacing.xs,
47
47
  backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
48
48
  border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
49
49
  zIndex: 4,
50
- padding: [theme.spacing.md, theme.spacing.xs],
50
+ padding: `${theme.spacing.md}px ${theme.spacing.xs}px`,
51
51
  "&::before": {
52
52
  content: '""',
53
53
  position: "absolute",
@@ -59,8 +59,8 @@ var useStyles = core.createMemoStyles({
59
59
  borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
60
60
  borderLeft: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`
61
61
  }
62
- })
63
- });
62
+ }
63
+ }));
64
64
 
65
65
  exports.default = useStyles;
66
66
  //# sourceMappingURL=DatePickerBase.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.styles.ts"],"sourcesContent":["import {\n createMemoStyles,\n getFontStyles,\n getSizeValue,\n MantineTheme,\n MantineSize,\n INPUT_SIZES,\n} from '@mantine/core';\n\ninterface DatePickerBaseStyles {\n theme: MantineTheme;\n size: MantineSize;\n invalid: boolean;\n}\n\nexport default createMemoStyles({\n wrapper: ({ theme }: DatePickerBaseStyles) => ({\n ...getFontStyles(theme),\n position: 'relative',\n cursor: 'pointer',\n }),\n\n placeholder: ({ theme, size, invalid }: DatePickerBaseStyles) => ({\n lineHeight: `${getSizeValue({ size, sizes: INPUT_SIZES }) - 2}px`,\n color: invalid\n ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[3]\n : theme.colors.gray[5],\n }),\n\n dropdownWrapper: {\n position: 'relative',\n pointerEvents: 'all',\n },\n\n input: {\n cursor: 'pointer',\n whiteSpace: 'nowrap',\n },\n\n dropdown: ({ theme }: DatePickerBaseStyles) => ({\n position: 'absolute',\n left: 0,\n top: theme.spacing.xs,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n zIndex: 4,\n padding: [theme.spacing.md, theme.spacing.xs],\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: -5,\n height: 8,\n width: 8,\n transform: 'rotate(45deg)',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n borderTop: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n borderLeft: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n },\n }),\n});\n"],"names":["createMemoStyles","getFontStyles","getSizeValue","INPUT_SIZES"],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerBase.styles.js","sources":["../../../src/components/DatePickerBase/DatePickerBase.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getSizeValue, MantineSize, INPUT_SIZES } from '@mantine/core';\n\ninterface DatePickerBaseStyles {\n size: MantineSize;\n invalid: boolean;\n}\n\nexport default createStyles((theme, { size, invalid }: DatePickerBaseStyles) => ({\n wrapper: {\n ...getFontStyles(theme),\n position: 'relative',\n cursor: 'pointer',\n },\n\n placeholder: {\n lineHeight: `${getSizeValue({ size, sizes: INPUT_SIZES }) - 2}px`,\n color: invalid\n ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[3]\n : theme.colors.gray[5],\n },\n\n dropdownWrapper: {\n position: 'relative',\n pointerEvents: 'all',\n },\n\n input: {\n cursor: 'pointer',\n whiteSpace: 'nowrap',\n },\n\n dropdown: {\n position: 'absolute',\n left: 0,\n top: theme.spacing.xs,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n zIndex: 4,\n padding: `${theme.spacing.md}px ${theme.spacing.xs}px`,\n\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: -5,\n height: 8,\n width: 8,\n transform: 'rotate(45deg)',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n borderTop: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n borderLeft: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n },\n },\n}));\n"],"names":["createStyles","getFontStyles","getSizeValue","INPUT_SIZES"],"mappings":"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"}
@@ -47,7 +47,6 @@ function DateRangePicker(_a) {
47
47
  value,
48
48
  onChange,
49
49
  defaultValue,
50
- themeOverride,
51
50
  classNames,
52
51
  styles,
53
52
  shadow = "sm",
@@ -80,7 +79,6 @@ function DateRangePicker(_a) {
80
79
  "value",
81
80
  "onChange",
82
81
  "defaultValue",
83
- "themeOverride",
84
82
  "classNames",
85
83
  "styles",
86
84
  "shadow",
@@ -156,7 +154,6 @@ function DateRangePicker(_a) {
156
154
  classNames,
157
155
  styles,
158
156
  locale,
159
- themeOverride,
160
157
  nextMonthLabel,
161
158
  previousMonthLabel,
162
159
  initialMonth: valueValid ? _value[0] : initialMonth,