@mantine/dates 5.0.0-alpha.3 → 5.0.0-alpha.6
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/cjs/components/Calendar/Calendar.js +1 -1
- package/cjs/components/Calendar/Calendar.js.map +1 -1
- package/cjs/components/CalendarBase/CalendarBase.js +13 -9
- package/cjs/components/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.js +9 -4
- package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/CalendarBase/MonthPicker/MonthPicker.js +8 -4
- package/cjs/components/CalendarBase/MonthPicker/MonthPicker.js.map +1 -1
- package/cjs/components/CalendarBase/MonthsList/MonthsList.js +8 -4
- package/cjs/components/CalendarBase/MonthsList/MonthsList.js.map +1 -1
- package/cjs/components/CalendarBase/YearPicker/YearPicker.js +7 -3
- package/cjs/components/CalendarBase/YearPicker/YearPicker.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.js +16 -10
- package/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/cjs/components/DatePickerBase/DatePickerBase.js +33 -12
- package/cjs/components/DatePickerBase/DatePickerBase.js.map +1 -1
- package/cjs/components/DateRangePicker/DateRangePicker.js +15 -9
- package/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/cjs/components/Month/Day/Day.js +15 -11
- package/cjs/components/Month/Day/Day.js.map +1 -1
- package/cjs/components/Month/Day/Day.styles.js +47 -61
- package/cjs/components/Month/Day/Day.styles.js.map +1 -1
- package/cjs/components/Month/Month.js +12 -9
- package/cjs/components/Month/Month.js.map +1 -1
- package/cjs/components/RangeCalendar/RangeCalendar.js +1 -1
- package/cjs/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/cjs/components/TimeInput/TimeInput.js +22 -13
- package/cjs/components/TimeInput/TimeInput.js.map +1 -1
- package/cjs/components/TimeInputBase/AmPmInput/AmPmInput.js +10 -7
- package/cjs/components/TimeInputBase/AmPmInput/AmPmInput.js.map +1 -1
- package/cjs/components/TimeInputBase/TimeField/TimeField.js +10 -7
- package/cjs/components/TimeInputBase/TimeField/TimeField.js.map +1 -1
- package/cjs/components/TimeInputBase/create-time-handler/create-time-handler.js +1 -1
- package/cjs/components/TimeInputBase/create-time-handler/create-time-handler.js.map +1 -1
- package/cjs/components/TimeRangeInput/TimeRangeInput.js +18 -11
- package/cjs/components/TimeRangeInput/TimeRangeInput.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +2 -2
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/CalendarBase/CalendarBase.js +13 -9
- package/esm/components/CalendarBase/CalendarBase.js.map +1 -1
- package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js +9 -4
- package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js.map +1 -1
- package/esm/components/CalendarBase/MonthPicker/MonthPicker.js +8 -4
- package/esm/components/CalendarBase/MonthPicker/MonthPicker.js.map +1 -1
- package/esm/components/CalendarBase/MonthsList/MonthsList.js +8 -4
- package/esm/components/CalendarBase/MonthsList/MonthsList.js.map +1 -1
- package/esm/components/CalendarBase/YearPicker/YearPicker.js +7 -3
- package/esm/components/CalendarBase/YearPicker/YearPicker.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.js +17 -11
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/DatePickerBase/DatePickerBase.js +35 -14
- package/esm/components/DatePickerBase/DatePickerBase.js.map +1 -1
- package/esm/components/DateRangePicker/DateRangePicker.js +16 -10
- package/esm/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/esm/components/Month/Day/Day.js +15 -11
- package/esm/components/Month/Day/Day.js.map +1 -1
- package/esm/components/Month/Day/Day.styles.js +47 -61
- package/esm/components/Month/Day/Day.styles.js.map +1 -1
- package/esm/components/Month/Month.js +13 -10
- package/esm/components/Month/Month.js.map +1 -1
- package/esm/components/RangeCalendar/RangeCalendar.js +2 -2
- package/esm/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/esm/components/TimeInput/TimeInput.js +24 -15
- package/esm/components/TimeInput/TimeInput.js.map +1 -1
- package/esm/components/TimeInputBase/AmPmInput/AmPmInput.js +10 -7
- package/esm/components/TimeInputBase/AmPmInput/AmPmInput.js.map +1 -1
- package/esm/components/TimeInputBase/TimeField/TimeField.js +10 -7
- package/esm/components/TimeInputBase/TimeField/TimeField.js.map +1 -1
- package/esm/components/TimeInputBase/create-time-handler/create-time-handler.js +1 -1
- package/esm/components/TimeInputBase/create-time-handler/create-time-handler.js.map +1 -1
- package/esm/components/TimeRangeInput/TimeRangeInput.js +20 -13
- package/esm/components/TimeRangeInput/TimeRangeInput.js.map +1 -1
- package/lib/components/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.d.ts +1 -1
- package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/lib/components/CalendarBase/MonthPicker/MonthPicker.d.ts +1 -1
- package/lib/components/CalendarBase/MonthPicker/MonthPicker.d.ts.map +1 -1
- package/lib/components/CalendarBase/MonthsList/MonthsList.d.ts +1 -1
- package/lib/components/CalendarBase/MonthsList/MonthsList.d.ts.map +1 -1
- package/lib/components/CalendarBase/YearPicker/YearPicker.d.ts +1 -1
- package/lib/components/CalendarBase/YearPicker/YearPicker.d.ts.map +1 -1
- package/lib/components/DatePicker/DatePicker.d.ts +3 -1
- package/lib/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/components/DatePickerBase/DatePickerBase.d.ts +3 -3
- package/lib/components/DatePickerBase/DatePickerBase.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangePicker.d.ts +3 -1
- package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/components/Month/Day/Day.d.ts.map +1 -1
- package/lib/components/Month/Day/Day.styles.d.ts +2 -2
- package/lib/components/Month/Day/Day.styles.d.ts.map +1 -1
- package/lib/components/Month/Month.d.ts.map +1 -1
- package/lib/components/TimeInput/TimeInput.d.ts.map +1 -1
- package/lib/components/TimeInputBase/AmPmInput/AmPmInput.d.ts +1 -0
- package/lib/components/TimeInputBase/AmPmInput/AmPmInput.d.ts.map +1 -1
- package/lib/components/TimeInputBase/TimeField/TimeField.d.ts +1 -0
- package/lib/components/TimeInputBase/TimeField/TimeField.d.ts.map +1 -1
- package/lib/components/TimeRangeInput/TimeRangeInput.d.ts.map +1 -1
- package/package.json +4 -3
|
@@ -44,7 +44,7 @@ const defaultProps = {
|
|
|
44
44
|
__staticSelector: "Calendar"
|
|
45
45
|
};
|
|
46
46
|
function Calendar(props) {
|
|
47
|
-
const _a = core.
|
|
47
|
+
const _a = core.useComponentDefaultProps("Calendar", defaultProps, props), {
|
|
48
48
|
__staticSelector = "Calendar",
|
|
49
49
|
multiple,
|
|
50
50
|
value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { CalendarBase, CalendarBaseProps } from '../CalendarBase/CalendarBase';\nimport { isSameDate } from '../../utils';\n\nexport interface CalendarProps<Multiple extends boolean = false>\n extends Omit<CalendarBaseProps, 'value' | 'onChange'> {\n multiple?: Multiple;\n value?: Multiple extends true ? Date[] : Date | null;\n onChange?(value: Multiple extends true ? Date[] : Date | null): void;\n}\n\nconst defaultProps: Partial<CalendarProps> = {\n __staticSelector: 'Calendar',\n};\n\nexport function Calendar<Multiple extends boolean = false>(props: CalendarProps<Multiple>) {\n const {\n __staticSelector = 'Calendar',\n multiple,\n value,\n onChange,\n ...others\n } = useComponentDefaultProps('Calendar', defaultProps, props as any);\n\n const handleChange = (date: Date) => {\n if (!multiple) {\n return onChange(date);\n }\n\n const isSelected = value.some((val: Date) => isSameDate(val, date));\n return onChange(\n isSelected ? value.filter((val: Date) => !isSameDate(val, date)) : [...value, date]\n );\n };\n\n return (\n <CalendarBase\n __staticSelector={__staticSelector}\n onChange={handleChange}\n value={value}\n {...others}\n />\n );\n}\n\nCalendar.displayName = '@mantine/dates/Calendar';\n"],"names":["useComponentDefaultProps","isSameDate","React","CalendarBase"],"mappings":"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"}
|
|
@@ -82,7 +82,8 @@ const CalendarBase = React.forwardRef((_a, ref) => {
|
|
|
82
82
|
isDateInRange,
|
|
83
83
|
isDateFirstInRange,
|
|
84
84
|
isDateLastInRange,
|
|
85
|
-
renderDay
|
|
85
|
+
renderDay,
|
|
86
|
+
unstyled
|
|
86
87
|
} = _b, others = __objRest(_b, [
|
|
87
88
|
"className",
|
|
88
89
|
"classNames",
|
|
@@ -122,25 +123,25 @@ const CalendarBase = React.forwardRef((_a, ref) => {
|
|
|
122
123
|
"isDateInRange",
|
|
123
124
|
"isDateFirstInRange",
|
|
124
125
|
"isDateLastInRange",
|
|
125
|
-
"renderDay"
|
|
126
|
+
"renderDay",
|
|
127
|
+
"unstyled"
|
|
126
128
|
]);
|
|
127
129
|
const [selectionState, setSelectionState] = React.useState(initialLevel);
|
|
128
|
-
const { classes, cx, theme } = CalendarBase_styles['default']({ size, fullWidth, amountOfMonths: selectionState === "date" ? amountOfMonths : 1 }, { name: __staticSelector, styles, classNames });
|
|
130
|
+
const { classes, cx, theme } = CalendarBase_styles['default']({ size, fullWidth, amountOfMonths: selectionState === "date" ? amountOfMonths : 1 }, { name: __staticSelector, styles, classNames, unstyled });
|
|
129
131
|
const finalLocale = locale || theme.datesLocale;
|
|
130
132
|
const daysRefs = React.useRef(Array(amountOfMonths).fill(0).map(() => []));
|
|
131
133
|
const [_month, setMonth] = hooks.useUncontrolled({
|
|
132
134
|
value: month,
|
|
133
135
|
defaultValue: initialMonth,
|
|
134
136
|
finalValue: new Date(),
|
|
135
|
-
onChange: onMonthChange
|
|
136
|
-
rule: (val) => val instanceof Date
|
|
137
|
+
onChange: onMonthChange
|
|
137
138
|
});
|
|
138
139
|
const [yearSelection, setYearSelection] = React.useState(_month.getFullYear());
|
|
139
140
|
const minYear = minDate instanceof Date ? minDate.getFullYear() : 0;
|
|
140
141
|
const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 1e4;
|
|
141
142
|
const handleDayKeyDown = (monthIndex, payload, event) => {
|
|
142
143
|
var _a2;
|
|
143
|
-
switch (event.
|
|
144
|
+
switch (event.key) {
|
|
144
145
|
case "ArrowDown": {
|
|
145
146
|
event.preventDefault();
|
|
146
147
|
if (payload.rowIndex + 1 < daysRefs.current[monthIndex].length) {
|
|
@@ -195,7 +196,8 @@ const CalendarBase = React.forwardRef((_a, ref) => {
|
|
|
195
196
|
__staticSelector,
|
|
196
197
|
nextDecadeLabel,
|
|
197
198
|
previousDecadeLabel,
|
|
198
|
-
preventFocus
|
|
199
|
+
preventFocus,
|
|
200
|
+
unstyled
|
|
199
201
|
}), selectionState === "month" && /* @__PURE__ */ React__default.createElement(MonthPicker.MonthPicker, {
|
|
200
202
|
size,
|
|
201
203
|
value: { month: _month.getMonth(), year: _month.getFullYear() },
|
|
@@ -214,7 +216,8 @@ const CalendarBase = React.forwardRef((_a, ref) => {
|
|
|
214
216
|
__staticSelector,
|
|
215
217
|
nextYearLabel,
|
|
216
218
|
previousYearLabel,
|
|
217
|
-
preventFocus
|
|
219
|
+
preventFocus,
|
|
220
|
+
unstyled
|
|
218
221
|
}), selectionState === "date" && /* @__PURE__ */ React__default.createElement(MonthsList.MonthsList, {
|
|
219
222
|
amountOfMonths,
|
|
220
223
|
month: _month,
|
|
@@ -250,7 +253,8 @@ const CalendarBase = React.forwardRef((_a, ref) => {
|
|
|
250
253
|
hideOutsideDates,
|
|
251
254
|
isDateInRange,
|
|
252
255
|
isDateFirstInRange,
|
|
253
|
-
isDateLastInRange
|
|
256
|
+
isDateLastInRange,
|
|
257
|
+
unstyled
|
|
254
258
|
}));
|
|
255
259
|
});
|
|
256
260
|
CalendarBase.displayName = "@mantine/dates/CalendarBase";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarBase.js","sources":["../../../src/components/CalendarBase/CalendarBase.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { Box, MantineSize, Selectors, DefaultProps } from '@mantine/core';\nimport { MonthSettings, DayKeydownPayload } from '../Month';\nimport { YearPicker, YearPickerStylesNames } from './YearPicker/YearPicker';\nimport { MonthPicker, MonthPickerStylesNames } from './MonthPicker/MonthPicker';\nimport { MonthsList, MonthsListStylesNames } from './MonthsList/MonthsList';\nimport useStyles from './CalendarBase.styles';\n\nexport type CalendarBaseStylesNames =\n | Selectors<typeof useStyles>\n | YearPickerStylesNames\n | MonthPickerStylesNames\n | MonthsListStylesNames;\n\nexport interface CalendarSharedProps extends DefaultProps<CalendarBaseStylesNames>, MonthSettings {\n /** Month for controlled calendar */\n month?: Date;\n\n /** Initial month for uncontrolled calendar */\n initialMonth?: Date;\n\n /** Called when month changes */\n onMonthChange?(month: Date): void;\n\n /** Locale used for labels formatting, defaults to theme.datesLocale */\n locale?: string;\n\n /** Amount of months */\n amountOfMonths?: number;\n\n /** Selected value */\n value?: Date | Date[] | null;\n\n /** Calendar size */\n size?: MantineSize;\n\n /** Allow to change level (date – month – year) */\n allowLevelChange?: boolean;\n\n /** Initial date selection level */\n initialLevel?: 'date' | 'month' | 'year';\n\n /** Static selector base */\n __staticSelector?: string;\n\n /** Selected range */\n range?: [Date, Date];\n\n /** Render day based on the date */\n renderDay?(date: Date): React.ReactNode;\n\n /** Called when day is selected */\n onChange?(value: Date | Date[]): void;\n\n /** Called when onMouseEnter event fired on day button */\n onDayMouseEnter?(date: Date, event: React.MouseEvent): void;\n\n /** Next month control aria-label */\n nextMonthLabel?: string;\n\n /** Previous month control aria-label */\n previousMonthLabel?: string;\n\n /** Next year control aria-label */\n nextYearLabel?: string;\n\n /** Previous year control aria-label */\n previousYearLabel?: string;\n\n /** Next decade control aria-label */\n nextDecadeLabel?: string;\n\n /** Previous decade control aria-label */\n previousDecadeLabel?: string;\n\n /** dayjs label format */\n labelFormat?: string;\n\n /** dayjs label format for weekday heading */\n weekdayLabelFormat?: string;\n}\n\nexport interface CalendarBaseProps\n extends CalendarSharedProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {}\n\nexport const CalendarBase = forwardRef<HTMLDivElement, CalendarBaseProps>(\n (\n {\n className,\n classNames,\n styles,\n month,\n initialMonth,\n onMonthChange,\n locale,\n amountOfMonths = 1,\n size = 'sm',\n allowLevelChange = true,\n initialLevel = 'date',\n minDate,\n maxDate,\n __staticSelector = 'CalendarBase',\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n excludeDate,\n hideWeekdays,\n fullWidth,\n preventFocus,\n firstDayOfWeek = 'monday',\n value,\n onChange,\n onDayMouseEnter,\n range,\n nextDecadeLabel,\n nextMonthLabel,\n nextYearLabel,\n previousDecadeLabel,\n previousMonthLabel,\n previousYearLabel,\n labelFormat = 'MMMM YYYY',\n weekdayLabelFormat,\n hideOutsideDates,\n isDateInRange,\n isDateFirstInRange,\n isDateLastInRange,\n renderDay,\n ...others\n }: CalendarBaseProps,\n ref\n ) => {\n const [selectionState, setSelectionState] = useState(initialLevel);\n const { classes, cx, theme } = useStyles(\n { size, fullWidth, amountOfMonths: selectionState === 'date' ? amountOfMonths : 1 },\n { name: __staticSelector, styles, classNames }\n );\n const finalLocale = locale || theme.datesLocale;\n\n const daysRefs = useRef<HTMLButtonElement[][][]>(\n Array(amountOfMonths)\n .fill(0)\n .map(() => [])\n );\n\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 [yearSelection, setYearSelection] = useState(_month.getFullYear());\n const minYear = minDate instanceof Date ? minDate.getFullYear() : 0;\n const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000;\n\n const handleDayKeyDown = (\n monthIndex: number,\n payload: DayKeydownPayload,\n event: React.KeyboardEvent<HTMLButtonElement>\n ) => {\n switch (event.code) {\n case 'ArrowDown': {\n event.preventDefault();\n\n if (payload.rowIndex + 1 < daysRefs.current[monthIndex].length) {\n daysRefs.current[monthIndex][payload.rowIndex + 1][payload.cellIndex].focus();\n }\n break;\n }\n\n case 'ArrowUp': {\n event.preventDefault();\n\n if (payload.rowIndex > 0) {\n daysRefs.current[monthIndex][payload.rowIndex - 1][payload.cellIndex].focus();\n }\n break;\n }\n\n case 'ArrowRight': {\n event.preventDefault();\n\n if (payload.cellIndex !== 6) {\n daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex + 1].focus();\n } else if (monthIndex + 1 < amountOfMonths) {\n if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n daysRefs.current[monthIndex + 1][payload.rowIndex][0]?.focus();\n }\n }\n\n break;\n }\n\n case 'ArrowLeft': {\n event.preventDefault();\n\n if (payload.cellIndex !== 0) {\n daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex - 1].focus();\n } else if (monthIndex > 0) {\n if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n daysRefs.current[monthIndex - 1][payload.rowIndex][6].focus();\n }\n }\n }\n }\n };\n\n return (\n <Box className={cx(classes.calendarBase, className)} ref={ref} {...others}>\n {selectionState === 'year' && (\n <YearPicker\n size={size}\n value={yearSelection}\n minYear={minYear}\n maxYear={maxYear}\n onChange={(year) => {\n setYearSelection(year);\n setSelectionState('month');\n }}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextDecadeLabel={nextDecadeLabel}\n previousDecadeLabel={previousDecadeLabel}\n preventFocus={preventFocus}\n />\n )}\n\n {selectionState === 'month' && (\n <MonthPicker\n size={size}\n value={{ month: _month.getMonth(), year: _month.getFullYear() }}\n year={yearSelection}\n onYearChange={setYearSelection}\n onNextLevel={() => setSelectionState('year')}\n locale={finalLocale}\n minDate={minDate}\n maxDate={maxDate}\n onChange={(monthValue) => {\n setMonth(new Date(yearSelection, monthValue, 1));\n setSelectionState('date');\n }}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextYearLabel={nextYearLabel}\n previousYearLabel={previousYearLabel}\n preventFocus={preventFocus}\n />\n )}\n\n {selectionState === 'date' && (\n <MonthsList\n amountOfMonths={amountOfMonths}\n month={_month}\n locale={finalLocale}\n minDate={minDate}\n maxDate={maxDate}\n allowLevelChange={allowLevelChange}\n size={size}\n daysRefs={daysRefs}\n onMonthChange={setMonth}\n onNextLevel={() => setSelectionState('month')}\n onDayKeyDown={handleDayKeyDown}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutsideEvents={disableOutsideEvents}\n excludeDate={excludeDate}\n hideWeekdays={hideWeekdays}\n fullWidth={fullWidth}\n preventFocus={preventFocus}\n firstDayOfWeek={firstDayOfWeek}\n value={value}\n range={range}\n onChange={onChange}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n labelFormat={labelFormat}\n weekdayLabelFormat={weekdayLabelFormat}\n onDayMouseEnter={onDayMouseEnter}\n renderDay={renderDay}\n hideOutsideDates={hideOutsideDates}\n isDateInRange={isDateInRange}\n isDateFirstInRange={isDateFirstInRange}\n isDateLastInRange={isDateLastInRange}\n />\n )}\n </Box>\n );\n }\n);\n\nCalendarBase.displayName = '@mantine/dates/CalendarBase';\n"],"names":["forwardRef","useState","useStyles","useRef","useUncontrolled","React","Box","YearPicker","MonthPicker","MonthsList"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CalendarBase.js","sources":["../../../src/components/CalendarBase/CalendarBase.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { Box, MantineSize, Selectors, DefaultProps } from '@mantine/core';\nimport { MonthSettings, DayKeydownPayload } from '../Month';\nimport { YearPicker, YearPickerStylesNames } from './YearPicker/YearPicker';\nimport { MonthPicker, MonthPickerStylesNames } from './MonthPicker/MonthPicker';\nimport { MonthsList, MonthsListStylesNames } from './MonthsList/MonthsList';\nimport useStyles from './CalendarBase.styles';\n\nexport type CalendarBaseStylesNames =\n | Selectors<typeof useStyles>\n | YearPickerStylesNames\n | MonthPickerStylesNames\n | MonthsListStylesNames;\n\nexport interface CalendarSharedProps extends DefaultProps<CalendarBaseStylesNames>, MonthSettings {\n /** Month for controlled calendar */\n month?: Date;\n\n /** Initial month for uncontrolled calendar */\n initialMonth?: Date;\n\n /** Called when month changes */\n onMonthChange?(month: Date): void;\n\n /** Locale used for labels formatting, defaults to theme.datesLocale */\n locale?: string;\n\n /** Amount of months */\n amountOfMonths?: number;\n\n /** Selected value */\n value?: Date | Date[] | null;\n\n /** Calendar size */\n size?: MantineSize;\n\n /** Allow to change level (date – month – year) */\n allowLevelChange?: boolean;\n\n /** Initial date selection level */\n initialLevel?: 'date' | 'month' | 'year';\n\n /** Static selector base */\n __staticSelector?: string;\n\n /** Selected range */\n range?: [Date, Date];\n\n /** Render day based on the date */\n renderDay?(date: Date): React.ReactNode;\n\n /** Called when day is selected */\n onChange?(value: Date | Date[]): void;\n\n /** Called when onMouseEnter event fired on day button */\n onDayMouseEnter?(date: Date, event: React.MouseEvent): void;\n\n /** Next month control aria-label */\n nextMonthLabel?: string;\n\n /** Previous month control aria-label */\n previousMonthLabel?: string;\n\n /** Next year control aria-label */\n nextYearLabel?: string;\n\n /** Previous year control aria-label */\n previousYearLabel?: string;\n\n /** Next decade control aria-label */\n nextDecadeLabel?: string;\n\n /** Previous decade control aria-label */\n previousDecadeLabel?: string;\n\n /** dayjs label format */\n labelFormat?: string;\n\n /** dayjs label format for weekday heading */\n weekdayLabelFormat?: string;\n}\n\nexport interface CalendarBaseProps\n extends CalendarSharedProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {}\n\nexport const CalendarBase = forwardRef<HTMLDivElement, CalendarBaseProps>(\n (\n {\n className,\n classNames,\n styles,\n month,\n initialMonth,\n onMonthChange,\n locale,\n amountOfMonths = 1,\n size = 'sm',\n allowLevelChange = true,\n initialLevel = 'date',\n minDate,\n maxDate,\n __staticSelector = 'CalendarBase',\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n excludeDate,\n hideWeekdays,\n fullWidth,\n preventFocus,\n firstDayOfWeek = 'monday',\n value,\n onChange,\n onDayMouseEnter,\n range,\n nextDecadeLabel,\n nextMonthLabel,\n nextYearLabel,\n previousDecadeLabel,\n previousMonthLabel,\n previousYearLabel,\n labelFormat = 'MMMM YYYY',\n weekdayLabelFormat,\n hideOutsideDates,\n isDateInRange,\n isDateFirstInRange,\n isDateLastInRange,\n renderDay,\n unstyled,\n ...others\n }: CalendarBaseProps,\n ref\n ) => {\n const [selectionState, setSelectionState] = useState(initialLevel);\n const { classes, cx, theme } = useStyles(\n { size, fullWidth, amountOfMonths: selectionState === 'date' ? amountOfMonths : 1 },\n { name: __staticSelector, styles, classNames, unstyled }\n );\n const finalLocale = locale || theme.datesLocale;\n\n const daysRefs = useRef<HTMLButtonElement[][][]>(\n Array(amountOfMonths)\n .fill(0)\n .map(() => [])\n );\n\n const [_month, setMonth] = useUncontrolled({\n value: month,\n defaultValue: initialMonth,\n finalValue: new Date(),\n onChange: onMonthChange,\n });\n\n const [yearSelection, setYearSelection] = useState(_month.getFullYear());\n const minYear = minDate instanceof Date ? minDate.getFullYear() : 0;\n const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000;\n\n const handleDayKeyDown = (\n monthIndex: number,\n payload: DayKeydownPayload,\n event: React.KeyboardEvent<HTMLButtonElement>\n ) => {\n switch (event.key) {\n case 'ArrowDown': {\n event.preventDefault();\n\n if (payload.rowIndex + 1 < daysRefs.current[monthIndex].length) {\n daysRefs.current[monthIndex][payload.rowIndex + 1][payload.cellIndex].focus();\n }\n break;\n }\n\n case 'ArrowUp': {\n event.preventDefault();\n\n if (payload.rowIndex > 0) {\n daysRefs.current[monthIndex][payload.rowIndex - 1][payload.cellIndex].focus();\n }\n break;\n }\n\n case 'ArrowRight': {\n event.preventDefault();\n\n if (payload.cellIndex !== 6) {\n daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex + 1].focus();\n } else if (monthIndex + 1 < amountOfMonths) {\n if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n daysRefs.current[monthIndex + 1][payload.rowIndex][0]?.focus();\n }\n }\n\n break;\n }\n\n case 'ArrowLeft': {\n event.preventDefault();\n\n if (payload.cellIndex !== 0) {\n daysRefs.current[monthIndex][payload.rowIndex][payload.cellIndex - 1].focus();\n } else if (monthIndex > 0) {\n if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n daysRefs.current[monthIndex - 1][payload.rowIndex][6].focus();\n }\n }\n }\n }\n };\n\n return (\n <Box className={cx(classes.calendarBase, className)} ref={ref} {...others}>\n {selectionState === 'year' && (\n <YearPicker\n size={size}\n value={yearSelection}\n minYear={minYear}\n maxYear={maxYear}\n onChange={(year) => {\n setYearSelection(year);\n setSelectionState('month');\n }}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextDecadeLabel={nextDecadeLabel}\n previousDecadeLabel={previousDecadeLabel}\n preventFocus={preventFocus}\n unstyled={unstyled}\n />\n )}\n\n {selectionState === 'month' && (\n <MonthPicker\n size={size}\n value={{ month: _month.getMonth(), year: _month.getFullYear() }}\n year={yearSelection}\n onYearChange={setYearSelection}\n onNextLevel={() => setSelectionState('year')}\n locale={finalLocale}\n minDate={minDate}\n maxDate={maxDate}\n onChange={(monthValue) => {\n setMonth(new Date(yearSelection, monthValue, 1));\n setSelectionState('date');\n }}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextYearLabel={nextYearLabel}\n previousYearLabel={previousYearLabel}\n preventFocus={preventFocus}\n unstyled={unstyled}\n />\n )}\n\n {selectionState === 'date' && (\n <MonthsList\n amountOfMonths={amountOfMonths}\n month={_month}\n locale={finalLocale}\n minDate={minDate}\n maxDate={maxDate}\n allowLevelChange={allowLevelChange}\n size={size}\n daysRefs={daysRefs}\n onMonthChange={setMonth}\n onNextLevel={() => setSelectionState('month')}\n onDayKeyDown={handleDayKeyDown}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n dayClassName={dayClassName}\n dayStyle={dayStyle}\n disableOutsideEvents={disableOutsideEvents}\n excludeDate={excludeDate}\n hideWeekdays={hideWeekdays}\n fullWidth={fullWidth}\n preventFocus={preventFocus}\n firstDayOfWeek={firstDayOfWeek}\n value={value}\n range={range}\n onChange={onChange}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n labelFormat={labelFormat}\n weekdayLabelFormat={weekdayLabelFormat}\n onDayMouseEnter={onDayMouseEnter}\n renderDay={renderDay}\n hideOutsideDates={hideOutsideDates}\n isDateInRange={isDateInRange}\n isDateFirstInRange={isDateFirstInRange}\n isDateLastInRange={isDateLastInRange}\n unstyled={unstyled}\n />\n )}\n </Box>\n );\n }\n);\n\nCalendarBase.displayName = '@mantine/dates/CalendarBase';\n"],"names":["forwardRef","useState","useStyles","useRef","useUncontrolled","React","Box","YearPicker","MonthPicker","MonthsList"],"mappings":"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"}
|
|
@@ -63,7 +63,8 @@ function CalendarHeader(_a) {
|
|
|
63
63
|
nextLabel,
|
|
64
64
|
previousLabel,
|
|
65
65
|
preventLevelFocus = false,
|
|
66
|
-
preventFocus
|
|
66
|
+
preventFocus,
|
|
67
|
+
unstyled
|
|
67
68
|
} = _b, others = __objRest(_b, [
|
|
68
69
|
"hasNext",
|
|
69
70
|
"hasPrevious",
|
|
@@ -80,9 +81,10 @@ function CalendarHeader(_a) {
|
|
|
80
81
|
"nextLabel",
|
|
81
82
|
"previousLabel",
|
|
82
83
|
"preventLevelFocus",
|
|
83
|
-
"preventFocus"
|
|
84
|
+
"preventFocus",
|
|
85
|
+
"unstyled"
|
|
84
86
|
]);
|
|
85
|
-
const { classes, cx, theme } = CalendarHeader_styles['default']({ size }, { classNames, styles, name: __staticSelector });
|
|
87
|
+
const { classes, cx, theme } = CalendarHeader_styles['default']({ size }, { classNames, styles, unstyled, name: __staticSelector });
|
|
86
88
|
const iconSize = theme.fn.size({ size, sizes: iconSizes });
|
|
87
89
|
return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
|
|
88
90
|
className: cx(classes.calendarHeader, className)
|
|
@@ -91,12 +93,14 @@ function CalendarHeader(_a) {
|
|
|
91
93
|
disabled: !hasPrevious,
|
|
92
94
|
onClick: onPrevious,
|
|
93
95
|
"aria-label": previousLabel,
|
|
94
|
-
onMouseDown: (event) => preventFocus && event.preventDefault()
|
|
96
|
+
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
97
|
+
unstyled
|
|
95
98
|
}, /* @__PURE__ */ React__default.createElement(ArrowIcon.ArrowIcon, {
|
|
96
99
|
direction: "left",
|
|
97
100
|
width: iconSize,
|
|
98
101
|
height: iconSize
|
|
99
102
|
})), /* @__PURE__ */ React__default.createElement(core.UnstyledButton, {
|
|
103
|
+
unstyled,
|
|
100
104
|
className: classes.calendarHeaderLevel,
|
|
101
105
|
disabled: nextLevelDisabled,
|
|
102
106
|
onClick: onNextLevel,
|
|
@@ -111,6 +115,7 @@ function CalendarHeader(_a) {
|
|
|
111
115
|
disabled: !hasNext,
|
|
112
116
|
onClick: onNext,
|
|
113
117
|
"aria-label": nextLabel,
|
|
118
|
+
unstyled,
|
|
114
119
|
onMouseDown: (event) => preventFocus && event.preventDefault()
|
|
115
120
|
}, /* @__PURE__ */ React__default.createElement(ArrowIcon.ArrowIcon, {
|
|
116
121
|
direction: "right",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/CalendarBase/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ActionIcon,\n UnstyledButton,\n SelectChevronIcon,\n MantineSize,\n Selectors,\n DefaultProps,\n} from '@mantine/core';\nimport { ArrowIcon } from './ArrowIcon';\nimport useStyles from './CalendarHeader.styles';\n\nexport type CalendarHeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface CalendarHeaderProps\n extends DefaultProps<CalendarHeaderStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n hasPrevious: boolean;\n hasNext: boolean;\n onNext?(): void;\n onPrevious?(): void;\n onNextLevel?(): void;\n label?: string;\n nextLevelDisabled?: boolean;\n size?: MantineSize;\n __staticSelector?: string;\n nextLabel?: string;\n previousLabel?: string;\n preventLevelFocus?: boolean;\n preventFocus?: boolean;\n}\n\nconst iconSizes = {\n xs: 12,\n sm: 14,\n md: 18,\n lg: 22,\n xl: 28,\n};\n\nexport function CalendarHeader({\n hasNext,\n hasPrevious,\n onNext,\n onPrevious,\n onNextLevel,\n className,\n label,\n nextLevelDisabled,\n size,\n classNames,\n styles,\n __staticSelector = 'CalendarHeader',\n nextLabel,\n previousLabel,\n preventLevelFocus = false,\n preventFocus,\n ...others\n}: CalendarHeaderProps) {\n const { classes, cx, theme } = useStyles(\n { size },\n { classNames, styles, name: __staticSelector }\n );\n\n const iconSize = theme.fn.size({ size, sizes: iconSizes });\n\n return (\n <div className={cx(classes.calendarHeader, className)} {...others}>\n <ActionIcon<'button'>\n className={classes.calendarHeaderControl}\n disabled={!hasPrevious}\n onClick={onPrevious}\n aria-label={previousLabel}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n >\n <ArrowIcon direction=\"left\" width={iconSize} height={iconSize} />\n </ActionIcon>\n\n <UnstyledButton\n className={classes.calendarHeaderLevel}\n disabled={nextLevelDisabled}\n onClick={onNextLevel}\n tabIndex={preventLevelFocus ? -1 : 0}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n >\n {label}\n {!nextLevelDisabled && (\n <SelectChevronIcon\n error={false}\n size={size}\n className={classes.calendarHeaderLevelIcon}\n />\n )}\n </UnstyledButton>\n\n <ActionIcon<'button'>\n className={classes.calendarHeaderControl}\n disabled={!hasNext}\n onClick={onNext}\n aria-label={nextLabel}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n >\n <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n </ActionIcon>\n </div>\n );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":["useStyles","React","ActionIcon","ArrowIcon","UnstyledButton","SelectChevronIcon"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/CalendarBase/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ActionIcon,\n UnstyledButton,\n SelectChevronIcon,\n MantineSize,\n Selectors,\n DefaultProps,\n} from '@mantine/core';\nimport { ArrowIcon } from './ArrowIcon';\nimport useStyles from './CalendarHeader.styles';\n\nexport type CalendarHeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface CalendarHeaderProps\n extends DefaultProps<CalendarHeaderStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n hasPrevious: boolean;\n hasNext: boolean;\n onNext?(): void;\n onPrevious?(): void;\n onNextLevel?(): void;\n label?: string;\n nextLevelDisabled?: boolean;\n size?: MantineSize;\n __staticSelector?: string;\n nextLabel?: string;\n previousLabel?: string;\n preventLevelFocus?: boolean;\n preventFocus?: boolean;\n}\n\nconst iconSizes = {\n xs: 12,\n sm: 14,\n md: 18,\n lg: 22,\n xl: 28,\n};\n\nexport function CalendarHeader({\n hasNext,\n hasPrevious,\n onNext,\n onPrevious,\n onNextLevel,\n className,\n label,\n nextLevelDisabled,\n size,\n classNames,\n styles,\n __staticSelector = 'CalendarHeader',\n nextLabel,\n previousLabel,\n preventLevelFocus = false,\n preventFocus,\n unstyled,\n ...others\n}: CalendarHeaderProps) {\n const { classes, cx, theme } = useStyles(\n { size },\n { classNames, styles, unstyled, name: __staticSelector }\n );\n\n const iconSize = theme.fn.size({ size, sizes: iconSizes });\n\n return (\n <div className={cx(classes.calendarHeader, className)} {...others}>\n <ActionIcon<'button'>\n className={classes.calendarHeaderControl}\n disabled={!hasPrevious}\n onClick={onPrevious}\n aria-label={previousLabel}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n unstyled={unstyled}\n >\n <ArrowIcon direction=\"left\" width={iconSize} height={iconSize} />\n </ActionIcon>\n\n <UnstyledButton<'button'>\n unstyled={unstyled}\n className={classes.calendarHeaderLevel}\n disabled={nextLevelDisabled}\n onClick={onNextLevel}\n tabIndex={preventLevelFocus ? -1 : 0}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n >\n {label}\n {!nextLevelDisabled && (\n <SelectChevronIcon\n error={false}\n size={size}\n className={classes.calendarHeaderLevelIcon}\n />\n )}\n </UnstyledButton>\n\n <ActionIcon<'button'>\n className={classes.calendarHeaderControl}\n disabled={!hasNext}\n onClick={onNext}\n aria-label={nextLabel}\n unstyled={unstyled}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n >\n <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n </ActionIcon>\n </div>\n );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":["useStyles","React","ActionIcon","ArrowIcon","UnstyledButton","SelectChevronIcon"],"mappings":"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"}
|
|
@@ -59,7 +59,8 @@ function MonthPicker(_a) {
|
|
|
59
59
|
__staticSelector = "MonthPicker",
|
|
60
60
|
nextYearLabel,
|
|
61
61
|
previousYearLabel,
|
|
62
|
-
preventFocus
|
|
62
|
+
preventFocus,
|
|
63
|
+
unstyled
|
|
63
64
|
} = _b, others = __objRest(_b, [
|
|
64
65
|
"className",
|
|
65
66
|
"styles",
|
|
@@ -76,14 +77,16 @@ function MonthPicker(_a) {
|
|
|
76
77
|
"__staticSelector",
|
|
77
78
|
"nextYearLabel",
|
|
78
79
|
"previousYearLabel",
|
|
79
|
-
"preventFocus"
|
|
80
|
+
"preventFocus",
|
|
81
|
+
"unstyled"
|
|
80
82
|
]);
|
|
81
|
-
const { classes, cx } = MonthPicker_styles['default']({ size }, { classNames, styles, name: __staticSelector });
|
|
83
|
+
const { classes, cx } = MonthPicker_styles['default']({ size }, { classNames, styles, unstyled, name: __staticSelector });
|
|
82
84
|
const range = getMonthsNames.getMonthsNames(locale);
|
|
83
85
|
const minYear = minDate instanceof Date ? minDate.getFullYear() : void 0;
|
|
84
86
|
const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : void 0;
|
|
85
87
|
const months = range.map((month, index) => /* @__PURE__ */ React__default.createElement(core.UnstyledButton, {
|
|
86
88
|
key: month,
|
|
89
|
+
unstyled,
|
|
87
90
|
onClick: () => onChange(index),
|
|
88
91
|
className: cx(classes.monthPickerControl, {
|
|
89
92
|
[classes.monthPickerControlActive]: index === value.month && year === value.year
|
|
@@ -106,7 +109,8 @@ function MonthPicker(_a) {
|
|
|
106
109
|
__staticSelector,
|
|
107
110
|
nextLabel: nextYearLabel,
|
|
108
111
|
previousLabel: previousYearLabel,
|
|
109
|
-
preventFocus
|
|
112
|
+
preventFocus,
|
|
113
|
+
unstyled
|
|
110
114
|
}), /* @__PURE__ */ React__default.createElement("div", {
|
|
111
115
|
className: classes.monthPickerControls
|
|
112
116
|
}, months));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.js","sources":["../../../../src/components/CalendarBase/MonthPicker/MonthPicker.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, UnstyledButton, MantineSize } from '@mantine/core';\nimport { getMonthsNames } from '../../../utils';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport { isMonthInRange } from './is-month-in-range/is-month-in-range';\nimport useStyles from './MonthPicker.styles';\n\nexport type MonthPickerStylesNames = Selectors<typeof useStyles> | CalendarHeaderStylesNames;\n\nexport interface MonthPickerProps\n extends DefaultProps<MonthPickerStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n value: { year: number; month: number };\n onChange(value: number): void;\n locale: string;\n year: number;\n onYearChange(year: number): void;\n onNextLevel(): void;\n size?: MantineSize;\n minDate?: Date;\n maxDate?: Date;\n __staticSelector?: string;\n nextYearLabel?: string;\n previousYearLabel?: string;\n preventFocus?: boolean;\n}\n\nexport function MonthPicker({\n className,\n styles,\n classNames,\n value,\n onChange,\n locale,\n year,\n onYearChange,\n onNextLevel,\n size,\n minDate,\n maxDate,\n __staticSelector = 'MonthPicker',\n nextYearLabel,\n previousYearLabel,\n preventFocus,\n ...others\n}: MonthPickerProps) {\n const { classes, cx } = useStyles({ size }
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","sources":["../../../../src/components/CalendarBase/MonthPicker/MonthPicker.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, UnstyledButton, MantineSize } from '@mantine/core';\nimport { getMonthsNames } from '../../../utils';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport { isMonthInRange } from './is-month-in-range/is-month-in-range';\nimport useStyles from './MonthPicker.styles';\n\nexport type MonthPickerStylesNames = Selectors<typeof useStyles> | CalendarHeaderStylesNames;\n\nexport interface MonthPickerProps\n extends DefaultProps<MonthPickerStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n value: { year: number; month: number };\n onChange(value: number): void;\n locale: string;\n year: number;\n onYearChange(year: number): void;\n onNextLevel(): void;\n size?: MantineSize;\n minDate?: Date;\n maxDate?: Date;\n __staticSelector?: string;\n nextYearLabel?: string;\n previousYearLabel?: string;\n preventFocus?: boolean;\n}\n\nexport function MonthPicker({\n className,\n styles,\n classNames,\n value,\n onChange,\n locale,\n year,\n onYearChange,\n onNextLevel,\n size,\n minDate,\n maxDate,\n __staticSelector = 'MonthPicker',\n nextYearLabel,\n previousYearLabel,\n preventFocus,\n unstyled,\n ...others\n}: MonthPickerProps) {\n const { classes, cx } = useStyles(\n { size },\n { classNames, styles, unstyled, name: __staticSelector }\n );\n const range = getMonthsNames(locale);\n const minYear = minDate instanceof Date ? minDate.getFullYear() : undefined;\n const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : undefined;\n\n const months = range.map((month, index) => (\n <UnstyledButton<'button'>\n key={month}\n unstyled={unstyled}\n onClick={() => onChange(index)}\n className={cx(classes.monthPickerControl, {\n [classes.monthPickerControlActive]: index === value.month && year === value.year,\n })}\n disabled={!isMonthInRange({ date: new Date(year, index), minDate, maxDate })}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n >\n {month}\n </UnstyledButton>\n ));\n\n return (\n <div className={cx(classes.monthPicker, className)} {...others}>\n <CalendarHeader\n label={year.toString()}\n hasNext={typeof maxYear === 'number' ? year < maxYear : true}\n hasPrevious={typeof minYear === 'number' ? year > minYear : true}\n onNext={() => onYearChange(year + 1)}\n onPrevious={() => onYearChange(year - 1)}\n onNextLevel={onNextLevel}\n size={size}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextLabel={nextYearLabel}\n previousLabel={previousYearLabel}\n preventFocus={preventFocus}\n unstyled={unstyled}\n />\n <div className={classes.monthPickerControls}>{months}</div>\n </div>\n );\n}\n\nMonthPicker.displayName = '@mantine/dates/MonthPicker';\n"],"names":["useStyles","getMonthsNames","React","UnstyledButton","isMonthInRange","CalendarHeader"],"mappings":"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"}
|
|
@@ -63,7 +63,8 @@ function MonthsList(_a) {
|
|
|
63
63
|
labelFormat,
|
|
64
64
|
weekdayLabelFormat,
|
|
65
65
|
preventFocus,
|
|
66
|
-
renderDay
|
|
66
|
+
renderDay,
|
|
67
|
+
unstyled
|
|
67
68
|
} = _b, others = __objRest(_b, [
|
|
68
69
|
"amountOfMonths",
|
|
69
70
|
"month",
|
|
@@ -84,7 +85,8 @@ function MonthsList(_a) {
|
|
|
84
85
|
"labelFormat",
|
|
85
86
|
"weekdayLabelFormat",
|
|
86
87
|
"preventFocus",
|
|
87
|
-
"renderDay"
|
|
88
|
+
"renderDay",
|
|
89
|
+
"unstyled"
|
|
88
90
|
]);
|
|
89
91
|
const nextMonth = dayjs__default(month).add(amountOfMonths, "months").toDate();
|
|
90
92
|
const previousMonth = dayjs__default(month).subtract(1, "months").toDate();
|
|
@@ -107,7 +109,8 @@ function MonthsList(_a) {
|
|
|
107
109
|
nextLabel: nextMonthLabel,
|
|
108
110
|
previousLabel: previousMonthLabel,
|
|
109
111
|
preventLevelFocus: index > 0,
|
|
110
|
-
preventFocus
|
|
112
|
+
preventFocus,
|
|
113
|
+
unstyled
|
|
111
114
|
}), /* @__PURE__ */ React__default.createElement(Month.Month, __spreadValues({
|
|
112
115
|
month: monthDate,
|
|
113
116
|
daysRefs: daysRefs.current[index],
|
|
@@ -122,7 +125,8 @@ function MonthsList(_a) {
|
|
|
122
125
|
focusable: index === 0,
|
|
123
126
|
preventFocus,
|
|
124
127
|
renderDay,
|
|
125
|
-
weekdayLabelFormat
|
|
128
|
+
weekdayLabelFormat,
|
|
129
|
+
unstyled
|
|
126
130
|
}, others)));
|
|
127
131
|
});
|
|
128
132
|
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, months);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthsList.js","sources":["../../../../src/components/CalendarBase/MonthsList/MonthsList.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps } from '@mantine/core';\nimport { formatMonthLabel } from './format-month-label/format-month-label';\nimport { isMonthInRange } from '../MonthPicker/is-month-in-range/is-month-in-range';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport { Month, MonthProps, DayKeydownPayload, MonthStylesNames } from '../../Month';\n\nexport type MonthsListStylesNames = CalendarHeaderStylesNames | MonthStylesNames;\n\nexport interface MonthsListProps\n extends DefaultProps<MonthsListStylesNames>,\n Omit<MonthProps, 'styles' | 'classNames' | 'daysRefs' | 'onDayKeyDown'> {\n amountOfMonths: number;\n month: Date;\n locale: string;\n allowLevelChange: boolean;\n daysRefs: React.RefObject<HTMLButtonElement[][][]>;\n onMonthChange(month: Date): void;\n onNextLevel(): void;\n onDayKeyDown(\n monthIndex: number,\n payload: DayKeydownPayload,\n event: React.KeyboardEvent<HTMLButtonElement>\n ): void;\n __staticSelector?: string;\n nextMonthLabel?: string;\n previousMonthLabel?: string;\n labelFormat?: string;\n weekdayLabelFormat?: string;\n renderDay?(date: Date): React.ReactNode;\n}\n\nexport function MonthsList({\n amountOfMonths,\n month,\n locale,\n minDate,\n maxDate,\n allowLevelChange,\n size,\n daysRefs,\n onMonthChange,\n onNextLevel,\n onDayKeyDown,\n classNames,\n styles,\n __staticSelector = 'MonthsList',\n nextMonthLabel,\n previousMonthLabel,\n labelFormat,\n weekdayLabelFormat,\n preventFocus,\n renderDay,\n ...others\n}: MonthsListProps) {\n const nextMonth = dayjs(month).add(amountOfMonths, 'months').toDate();\n const previousMonth = dayjs(month).subtract(1, 'months').toDate();\n\n const months = Array(amountOfMonths)\n .fill(0)\n .map((_, index) => {\n const monthDate = dayjs(month).add(index, 'months').toDate();\n return (\n <div key={index}>\n <CalendarHeader\n hasNext={\n index + 1 === amountOfMonths && isMonthInRange({ date: nextMonth, minDate, maxDate })\n }\n hasPrevious={index === 0 && isMonthInRange({ date: previousMonth, minDate, maxDate })}\n label={formatMonthLabel({ month: monthDate, locale, format: labelFormat })}\n onNext={() => onMonthChange(dayjs(month).add(amountOfMonths, 'months').toDate())}\n onPrevious={() =>\n onMonthChange(dayjs(month).subtract(amountOfMonths, 'months').toDate())\n }\n onNextLevel={onNextLevel}\n nextLevelDisabled={!allowLevelChange}\n size={size}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextLabel={nextMonthLabel}\n previousLabel={previousMonthLabel}\n preventLevelFocus={index > 0}\n preventFocus={preventFocus}\n />\n\n <Month\n month={monthDate}\n daysRefs={daysRefs.current[index]}\n onDayKeyDown={(...args) => onDayKeyDown(index, ...args)}\n size={size}\n minDate={minDate}\n maxDate={maxDate}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n locale={locale}\n focusable={index === 0}\n preventFocus={preventFocus}\n renderDay={renderDay}\n weekdayLabelFormat={weekdayLabelFormat}\n {...others}\n />\n </div>\n );\n });\n\n return <>{months}</>;\n}\n\nMonthsList.displayName = '@mantine/dates/MonthsList';\n"],"names":["dayjs","React","CalendarHeader","isMonthInRange","formatMonthLabel","Month"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MonthsList.js","sources":["../../../../src/components/CalendarBase/MonthsList/MonthsList.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps } from '@mantine/core';\nimport { formatMonthLabel } from './format-month-label/format-month-label';\nimport { isMonthInRange } from '../MonthPicker/is-month-in-range/is-month-in-range';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport { Month, MonthProps, DayKeydownPayload, MonthStylesNames } from '../../Month';\n\nexport type MonthsListStylesNames = CalendarHeaderStylesNames | MonthStylesNames;\n\nexport interface MonthsListProps\n extends DefaultProps<MonthsListStylesNames>,\n Omit<MonthProps, 'styles' | 'classNames' | 'daysRefs' | 'onDayKeyDown'> {\n amountOfMonths: number;\n month: Date;\n locale: string;\n allowLevelChange: boolean;\n daysRefs: React.RefObject<HTMLButtonElement[][][]>;\n onMonthChange(month: Date): void;\n onNextLevel(): void;\n onDayKeyDown(\n monthIndex: number,\n payload: DayKeydownPayload,\n event: React.KeyboardEvent<HTMLButtonElement>\n ): void;\n __staticSelector?: string;\n nextMonthLabel?: string;\n previousMonthLabel?: string;\n labelFormat?: string;\n weekdayLabelFormat?: string;\n renderDay?(date: Date): React.ReactNode;\n}\n\nexport function MonthsList({\n amountOfMonths,\n month,\n locale,\n minDate,\n maxDate,\n allowLevelChange,\n size,\n daysRefs,\n onMonthChange,\n onNextLevel,\n onDayKeyDown,\n classNames,\n styles,\n __staticSelector = 'MonthsList',\n nextMonthLabel,\n previousMonthLabel,\n labelFormat,\n weekdayLabelFormat,\n preventFocus,\n renderDay,\n unstyled,\n ...others\n}: MonthsListProps) {\n const nextMonth = dayjs(month).add(amountOfMonths, 'months').toDate();\n const previousMonth = dayjs(month).subtract(1, 'months').toDate();\n\n const months = Array(amountOfMonths)\n .fill(0)\n .map((_, index) => {\n const monthDate = dayjs(month).add(index, 'months').toDate();\n return (\n <div key={index}>\n <CalendarHeader\n hasNext={\n index + 1 === amountOfMonths && isMonthInRange({ date: nextMonth, minDate, maxDate })\n }\n hasPrevious={index === 0 && isMonthInRange({ date: previousMonth, minDate, maxDate })}\n label={formatMonthLabel({ month: monthDate, locale, format: labelFormat })}\n onNext={() => onMonthChange(dayjs(month).add(amountOfMonths, 'months').toDate())}\n onPrevious={() =>\n onMonthChange(dayjs(month).subtract(amountOfMonths, 'months').toDate())\n }\n onNextLevel={onNextLevel}\n nextLevelDisabled={!allowLevelChange}\n size={size}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n nextLabel={nextMonthLabel}\n previousLabel={previousMonthLabel}\n preventLevelFocus={index > 0}\n preventFocus={preventFocus}\n unstyled={unstyled}\n />\n\n <Month\n month={monthDate}\n daysRefs={daysRefs.current[index]}\n onDayKeyDown={(...args) => onDayKeyDown(index, ...args)}\n size={size}\n minDate={minDate}\n maxDate={maxDate}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n locale={locale}\n focusable={index === 0}\n preventFocus={preventFocus}\n renderDay={renderDay}\n weekdayLabelFormat={weekdayLabelFormat}\n unstyled={unstyled}\n {...others}\n />\n </div>\n );\n });\n\n return <>{months}</>;\n}\n\nMonthsList.displayName = '@mantine/dates/MonthsList';\n"],"names":["dayjs","React","CalendarHeader","isMonthInRange","formatMonthLabel","Month"],"mappings":"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"}
|
|
@@ -53,7 +53,8 @@ function YearPicker(_a) {
|
|
|
53
53
|
__staticSelector = "YearPicker",
|
|
54
54
|
nextDecadeLabel,
|
|
55
55
|
previousDecadeLabel,
|
|
56
|
-
preventFocus
|
|
56
|
+
preventFocus,
|
|
57
|
+
unstyled
|
|
57
58
|
} = _b, others = __objRest(_b, [
|
|
58
59
|
"className",
|
|
59
60
|
"styles",
|
|
@@ -66,13 +67,15 @@ function YearPicker(_a) {
|
|
|
66
67
|
"__staticSelector",
|
|
67
68
|
"nextDecadeLabel",
|
|
68
69
|
"previousDecadeLabel",
|
|
69
|
-
"preventFocus"
|
|
70
|
+
"preventFocus",
|
|
71
|
+
"unstyled"
|
|
70
72
|
]);
|
|
71
|
-
const { classes, cx } = YearPicker_styles['default']({ size }, { classNames, styles, name: __staticSelector });
|
|
73
|
+
const { classes, cx } = YearPicker_styles['default']({ size }, { classNames, styles, unstyled, name: __staticSelector });
|
|
72
74
|
const [decade, setDecade] = React.useState(value);
|
|
73
75
|
const range = getDecadeRange.getDecadeRange(decade);
|
|
74
76
|
const years = range.map((year) => /* @__PURE__ */ React__default.createElement(core.UnstyledButton, {
|
|
75
77
|
key: year,
|
|
78
|
+
unstyled,
|
|
76
79
|
onClick: () => onChange(year),
|
|
77
80
|
disabled: year < minYear || year > maxYear,
|
|
78
81
|
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
@@ -83,6 +86,7 @@ function YearPicker(_a) {
|
|
|
83
86
|
return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
|
|
84
87
|
className: cx(classes.yearPicker, className)
|
|
85
88
|
}, others), /* @__PURE__ */ React__default.createElement(CalendarHeader.CalendarHeader, {
|
|
89
|
+
unstyled,
|
|
86
90
|
label: `${range[0]} \u2013 ${range[range.length - 1]}`,
|
|
87
91
|
hasPrevious: typeof minYear === "number" ? minYear < range[0] : true,
|
|
88
92
|
hasNext: typeof maxYear === "number" ? maxYear > range[range.length - 1] : true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YearPicker.js","sources":["../../../../src/components/CalendarBase/YearPicker/YearPicker.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultProps, Selectors, UnstyledButton, MantineSize } from '@mantine/core';\nimport { getDecadeRange } from './get-decade-range/get-decade-range';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport useStyles from './YearPicker.styles';\n\nexport type YearPickerStylesNames = Selectors<typeof useStyles> | CalendarHeaderStylesNames;\n\nexport interface YearPickerProps\n extends DefaultProps<YearPickerStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n value: number;\n onChange(value: number): void;\n minYear?: number;\n maxYear?: number;\n size?: MantineSize;\n __staticSelector?: string;\n nextDecadeLabel?: string;\n previousDecadeLabel?: string;\n preventFocus?: boolean;\n}\n\nexport function YearPicker({\n className,\n styles,\n classNames,\n value,\n onChange,\n size,\n minYear,\n maxYear,\n __staticSelector = 'YearPicker',\n nextDecadeLabel,\n previousDecadeLabel,\n preventFocus,\n ...others\n}: YearPickerProps) {\n const { classes, cx } = useStyles({ size }
|
|
1
|
+
{"version":3,"file":"YearPicker.js","sources":["../../../../src/components/CalendarBase/YearPicker/YearPicker.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultProps, Selectors, UnstyledButton, MantineSize } from '@mantine/core';\nimport { getDecadeRange } from './get-decade-range/get-decade-range';\nimport { CalendarHeader, CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';\nimport useStyles from './YearPicker.styles';\n\nexport type YearPickerStylesNames = Selectors<typeof useStyles> | CalendarHeaderStylesNames;\n\nexport interface YearPickerProps\n extends DefaultProps<YearPickerStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n value: number;\n onChange(value: number): void;\n minYear?: number;\n maxYear?: number;\n size?: MantineSize;\n __staticSelector?: string;\n nextDecadeLabel?: string;\n previousDecadeLabel?: string;\n preventFocus?: boolean;\n}\n\nexport function YearPicker({\n className,\n styles,\n classNames,\n value,\n onChange,\n size,\n minYear,\n maxYear,\n __staticSelector = 'YearPicker',\n nextDecadeLabel,\n previousDecadeLabel,\n preventFocus,\n unstyled,\n ...others\n}: YearPickerProps) {\n const { classes, cx } = useStyles(\n { size },\n { classNames, styles, unstyled, name: __staticSelector }\n );\n const [decade, setDecade] = useState(value);\n const range = getDecadeRange(decade);\n\n const years = range.map((year) => (\n <UnstyledButton<'button'>\n key={year}\n unstyled={unstyled}\n onClick={() => onChange(year)}\n disabled={year < minYear || year > maxYear}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n className={cx(classes.yearPickerControl, {\n [classes.yearPickerControlActive]: year === value,\n })}\n >\n {year}\n </UnstyledButton>\n ));\n\n return (\n <div className={cx(classes.yearPicker, className)} {...others}>\n <CalendarHeader\n unstyled={unstyled}\n label={`${range[0]} – ${range[range.length - 1]}`}\n hasPrevious={typeof minYear === 'number' ? minYear < range[0] : true}\n hasNext={typeof maxYear === 'number' ? maxYear > range[range.length - 1] : true}\n onNext={() => setDecade((current) => current + 10)}\n onPrevious={() => setDecade((current) => current - 10)}\n nextLevelDisabled\n size={size}\n nextLabel={nextDecadeLabel}\n previousLabel={previousDecadeLabel}\n styles={styles}\n classNames={classNames}\n __staticSelector={__staticSelector}\n preventFocus={preventFocus}\n />\n <div className={classes.yearPickerControls}>{years}</div>\n </div>\n );\n}\n\nYearPicker.displayName = '@mantine/dates/YearPicker';\n"],"names":["useStyles","useState","getDecadeRange","React","UnstyledButton","CalendarHeader"],"mappings":"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"}
|
|
@@ -55,10 +55,11 @@ const defaultProps = {
|
|
|
55
55
|
disabled: false,
|
|
56
56
|
fixOnBlur: true,
|
|
57
57
|
withinPortal: true,
|
|
58
|
-
firstDayOfWeek: "monday"
|
|
58
|
+
firstDayOfWeek: "monday",
|
|
59
|
+
openDropdownOnClear: true
|
|
59
60
|
};
|
|
60
61
|
const DatePicker = React.forwardRef((props, ref) => {
|
|
61
|
-
const _a = core.
|
|
62
|
+
const _a = core.useComponentDefaultProps("DatePicker", defaultProps, props), {
|
|
62
63
|
value,
|
|
63
64
|
onChange,
|
|
64
65
|
defaultValue,
|
|
@@ -102,7 +103,9 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
102
103
|
hideOutsideDates,
|
|
103
104
|
hideWeekdays,
|
|
104
105
|
renderDay,
|
|
105
|
-
type
|
|
106
|
+
type,
|
|
107
|
+
openDropdownOnClear,
|
|
108
|
+
unstyled
|
|
106
109
|
} = _a, others = __objRest(_a, [
|
|
107
110
|
"value",
|
|
108
111
|
"onChange",
|
|
@@ -147,7 +150,9 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
147
150
|
"hideOutsideDates",
|
|
148
151
|
"hideWeekdays",
|
|
149
152
|
"renderDay",
|
|
150
|
-
"type"
|
|
153
|
+
"type",
|
|
154
|
+
"openDropdownOnClear",
|
|
155
|
+
"unstyled"
|
|
151
156
|
]);
|
|
152
157
|
const theme = core.useMantineTheme();
|
|
153
158
|
const finalLocale = locale || theme.datesLocale;
|
|
@@ -160,8 +165,7 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
160
165
|
value,
|
|
161
166
|
defaultValue,
|
|
162
167
|
finalValue: null,
|
|
163
|
-
onChange
|
|
164
|
-
rule: (val) => val === null || val instanceof Date
|
|
168
|
+
onChange
|
|
165
169
|
});
|
|
166
170
|
const [calendarMonth, setCalendarMonth] = React.useState(_value || initialMonth || new Date());
|
|
167
171
|
const [focused, setFocused] = React.useState(false);
|
|
@@ -196,7 +200,7 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
196
200
|
setValue(null);
|
|
197
201
|
setLastValidValue(null);
|
|
198
202
|
setInputState("");
|
|
199
|
-
openDropdown();
|
|
203
|
+
openDropdownOnClear && openDropdown();
|
|
200
204
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
201
205
|
};
|
|
202
206
|
const parseDate = (date) => dateParser ? dateParser(date) : dayjs__default(date, dateFormat, finalLocale).toDate();
|
|
@@ -225,7 +229,7 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
225
229
|
}
|
|
226
230
|
};
|
|
227
231
|
const handleKeyDown = (event) => {
|
|
228
|
-
if (event.
|
|
232
|
+
if (event.key === "Enter" && allowFreeInput) {
|
|
229
233
|
closeDropdown();
|
|
230
234
|
setDateFromInput();
|
|
231
235
|
}
|
|
@@ -272,7 +276,8 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
272
276
|
amountOfMonths,
|
|
273
277
|
onDropdownClose,
|
|
274
278
|
onDropdownOpen,
|
|
275
|
-
type
|
|
279
|
+
type,
|
|
280
|
+
unstyled
|
|
276
281
|
}, others), /* @__PURE__ */ React__default.createElement(Calendar.Calendar, {
|
|
277
282
|
classNames,
|
|
278
283
|
styles,
|
|
@@ -301,7 +306,8 @@ const DatePicker = React.forwardRef((props, ref) => {
|
|
|
301
306
|
initialLevel,
|
|
302
307
|
hideOutsideDates,
|
|
303
308
|
hideWeekdays,
|
|
304
|
-
renderDay
|
|
309
|
+
renderDay,
|
|
310
|
+
unstyled
|
|
305
311
|
}));
|
|
306
312
|
});
|
|
307
313
|
DatePicker.displayName = "@mantine/dates/DatePicker";
|