@mantine/dates 3.3.4 → 3.4.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.
- package/cjs/components/Calendar/Calendar.js +6 -137
- package/cjs/components/Calendar/Calendar.js.map +1 -1
- package/cjs/components/CalendarBase/CalendarBase.js +242 -0
- package/cjs/components/CalendarBase/CalendarBase.js.map +1 -0
- package/cjs/components/CalendarBase/CalendarBase.styles.js +22 -0
- package/cjs/components/CalendarBase/CalendarBase.styles.js.map +1 -0
- package/cjs/components/{Calendar → CalendarBase/CalendarHeader}/ArrowIcon.js +0 -0
- package/cjs/components/CalendarBase/CalendarHeader/ArrowIcon.js.map +1 -0
- package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.js +119 -0
- package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.js.map +1 -0
- package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js +58 -0
- package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js.map +1 -0
- package/cjs/components/CalendarBase/MonthPicker/MonthPicker.js +113 -0
- package/cjs/components/CalendarBase/MonthPicker/MonthPicker.js.map +1 -0
- package/cjs/components/CalendarBase/MonthPicker/MonthPicker.styles.js +52 -0
- package/cjs/components/CalendarBase/MonthPicker/MonthPicker.styles.js.map +1 -0
- package/cjs/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js +25 -0
- package/cjs/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js.map +1 -0
- package/cjs/components/CalendarBase/MonthsList/MonthsList.js +123 -0
- package/cjs/components/CalendarBase/MonthsList/MonthsList.js.map +1 -0
- package/cjs/components/CalendarBase/MonthsList/format-month-label/format-month-label.js +17 -0
- package/cjs/components/CalendarBase/MonthsList/format-month-label/format-month-label.js.map +1 -0
- package/cjs/components/CalendarBase/YearPicker/YearPicker.js +102 -0
- package/cjs/components/CalendarBase/YearPicker/YearPicker.js.map +1 -0
- package/cjs/components/CalendarBase/YearPicker/YearPicker.styles.js +54 -0
- package/cjs/components/CalendarBase/YearPicker/YearPicker.styles.js.map +1 -0
- package/cjs/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js +16 -0
- package/cjs/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js.map +1 -0
- package/cjs/components/DatePicker/DatePicker.js +10 -10
- package/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/cjs/components/DatePickerBase/DatePickerBase.js +5 -5
- package/cjs/components/DatePickerBase/DatePickerBase.js.map +1 -1
- package/cjs/components/DateRangePicker/DateRangePicker.js +0 -6
- package/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/cjs/components/Month/Day/Day.js +12 -15
- package/cjs/components/Month/Day/Day.js.map +1 -1
- package/cjs/components/Month/Day/Day.styles.js +2 -1
- package/cjs/components/Month/Day/Day.styles.js.map +1 -1
- package/cjs/components/Month/Day/get-day-autofocus/get-day-autofocus.js +13 -0
- package/cjs/components/Month/Day/get-day-autofocus/get-day-autofocus.js.map +1 -0
- package/cjs/components/Month/Day/get-day-tab-index/get-day-tab-index.js +16 -0
- package/cjs/components/Month/Day/get-day-tab-index/get-day-tab-index.js.map +1 -0
- package/cjs/components/Month/Month.js +36 -67
- package/cjs/components/Month/Month.js.map +1 -1
- package/cjs/components/Month/Month.styles.js +1 -1
- package/cjs/components/Month/Month.styles.js.map +1 -1
- package/cjs/components/Month/get-day-props/get-day-props.js +9 -24
- package/cjs/components/Month/get-day-props/get-day-props.js.map +1 -1
- package/cjs/components/Month/get-day-props/get-range-props/get-range-props.js +25 -0
- package/cjs/components/Month/get-day-props/get-range-props/get-range-props.js.map +1 -0
- package/cjs/components/Month/get-day-props/is-disabled/is-disabled.js +27 -0
- package/cjs/components/Month/get-day-props/is-disabled/is-disabled.js.map +1 -0
- package/cjs/components/Month/get-day-props/is-outside/is-outside.js +13 -0
- package/cjs/components/Month/get-day-props/is-outside/is-outside.js.map +1 -0
- package/cjs/components/Month/get-day-props/is-weekend/is-weekend.js +11 -0
- package/cjs/components/Month/get-day-props/is-weekend/is-weekend.js.map +1 -0
- package/cjs/components/RangeCalendar/RangeCalendar.js +19 -122
- package/cjs/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/cjs/components/TimeInput/TimeField/TimeField.js +6 -1
- package/cjs/components/TimeInput/TimeField/TimeField.js.map +1 -1
- package/cjs/components/TimeInput/TimeField/TimeField.styles.js +54 -0
- package/cjs/components/TimeInput/TimeField/TimeField.styles.js.map +1 -0
- package/cjs/components/TimeInput/TimeInput.styles.js +1 -24
- package/cjs/components/TimeInput/TimeInput.styles.js.map +1 -1
- package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js +2 -19
- package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js.map +1 -1
- package/cjs/utils/get-months-names/get-months-names.js +2 -2
- package/cjs/utils/get-months-names/get-months-names.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +6 -136
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/CalendarBase/CalendarBase.js +234 -0
- package/esm/components/CalendarBase/CalendarBase.js.map +1 -0
- package/esm/components/CalendarBase/CalendarBase.styles.js +18 -0
- package/esm/components/CalendarBase/CalendarBase.styles.js.map +1 -0
- package/esm/components/{Calendar → CalendarBase/CalendarHeader}/ArrowIcon.js +0 -0
- package/esm/components/CalendarBase/CalendarHeader/ArrowIcon.js.map +1 -0
- package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js +111 -0
- package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js.map +1 -0
- package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js +54 -0
- package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js.map +1 -0
- package/esm/components/CalendarBase/MonthPicker/MonthPicker.js +105 -0
- package/esm/components/CalendarBase/MonthPicker/MonthPicker.js.map +1 -0
- package/esm/components/CalendarBase/MonthPicker/MonthPicker.styles.js +48 -0
- package/esm/components/CalendarBase/MonthPicker/MonthPicker.styles.js.map +1 -0
- package/esm/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js +17 -0
- package/esm/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js.map +1 -0
- package/esm/components/CalendarBase/MonthsList/MonthsList.js +114 -0
- package/esm/components/CalendarBase/MonthsList/MonthsList.js.map +1 -0
- package/esm/components/CalendarBase/MonthsList/format-month-label/format-month-label.js +9 -0
- package/esm/components/CalendarBase/MonthsList/format-month-label/format-month-label.js.map +1 -0
- package/esm/components/CalendarBase/YearPicker/YearPicker.js +94 -0
- package/esm/components/CalendarBase/YearPicker/YearPicker.js.map +1 -0
- package/esm/components/CalendarBase/YearPicker/YearPicker.styles.js +50 -0
- package/esm/components/CalendarBase/YearPicker/YearPicker.styles.js.map +1 -0
- package/esm/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js +12 -0
- package/esm/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js.map +1 -0
- package/esm/components/DatePicker/DatePicker.js +10 -10
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/DatePickerBase/DatePickerBase.js +6 -6
- package/esm/components/DatePickerBase/DatePickerBase.js.map +1 -1
- package/esm/components/DateRangePicker/DateRangePicker.js +0 -6
- package/esm/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/esm/components/Month/Day/Day.js +12 -15
- package/esm/components/Month/Day/Day.js.map +1 -1
- package/esm/components/Month/Day/Day.styles.js +2 -1
- package/esm/components/Month/Day/Day.styles.js.map +1 -1
- package/esm/components/Month/Day/get-day-autofocus/get-day-autofocus.js +9 -0
- package/esm/components/Month/Day/get-day-autofocus/get-day-autofocus.js.map +1 -0
- package/esm/components/Month/Day/get-day-tab-index/get-day-tab-index.js +12 -0
- package/esm/components/Month/Day/get-day-tab-index/get-day-tab-index.js.map +1 -0
- package/esm/components/Month/Month.js +38 -69
- package/esm/components/Month/Month.js.map +1 -1
- package/esm/components/Month/Month.styles.js +1 -1
- package/esm/components/Month/Month.styles.js.map +1 -1
- package/esm/components/Month/get-day-props/get-day-props.js +9 -20
- package/esm/components/Month/get-day-props/get-day-props.js.map +1 -1
- package/esm/components/Month/get-day-props/get-range-props/get-range-props.js +17 -0
- package/esm/components/Month/get-day-props/get-range-props/get-range-props.js.map +1 -0
- package/esm/components/Month/get-day-props/is-disabled/is-disabled.js +19 -0
- package/esm/components/Month/get-day-props/is-disabled/is-disabled.js.map +1 -0
- package/esm/components/Month/get-day-props/is-outside/is-outside.js +9 -0
- package/esm/components/Month/get-day-props/is-outside/is-outside.js.map +1 -0
- package/esm/components/Month/get-day-props/is-weekend/is-weekend.js +7 -0
- package/esm/components/Month/get-day-props/is-weekend/is-weekend.js.map +1 -0
- package/esm/components/RangeCalendar/RangeCalendar.js +20 -123
- package/esm/components/RangeCalendar/RangeCalendar.js.map +1 -1
- package/esm/components/TimeInput/TimeField/TimeField.js +6 -1
- package/esm/components/TimeInput/TimeField/TimeField.js.map +1 -1
- package/esm/components/TimeInput/TimeField/TimeField.styles.js +50 -0
- package/esm/components/TimeInput/TimeField/TimeField.styles.js.map +1 -0
- package/esm/components/TimeInput/TimeInput.styles.js +1 -24
- package/esm/components/TimeInput/TimeInput.styles.js.map +1 -1
- package/esm/components/TimeRangeInput/TimeRangeInput.styles.js +2 -19
- package/esm/components/TimeRangeInput/TimeRangeInput.styles.js.map +1 -1
- package/esm/utils/get-months-names/get-months-names.js +2 -2
- package/esm/utils/get-months-names/get-months-names.js.map +1 -1
- package/lib/components/Calendar/Calendar.d.ts +3 -45
- package/lib/components/Calendar/Calendar.d.ts.map +1 -1
- package/lib/components/Calendar/index.d.ts +1 -1
- package/lib/components/Calendar/index.d.ts.map +1 -1
- package/lib/components/CalendarBase/CalendarBase.d.ts +56 -0
- package/lib/components/CalendarBase/CalendarBase.d.ts.map +1 -0
- package/lib/components/CalendarBase/CalendarBase.styles.d.ts +13 -0
- package/lib/components/CalendarBase/CalendarBase.styles.d.ts.map +1 -0
- package/lib/components/CalendarBase/CalendarHeader/ArrowIcon.d.ts +10 -0
- package/lib/components/CalendarBase/CalendarHeader/ArrowIcon.d.ts.map +1 -0
- package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.d.ts +24 -0
- package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.d.ts.map +1 -0
- package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.styles.d.ts +18 -0
- package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -0
- package/lib/components/CalendarBase/MonthPicker/MonthPicker.d.ts +27 -0
- package/lib/components/CalendarBase/MonthPicker/MonthPicker.d.ts.map +1 -0
- package/lib/components/CalendarBase/MonthPicker/MonthPicker.styles.d.ts +11 -0
- package/lib/components/CalendarBase/MonthPicker/MonthPicker.styles.d.ts.map +1 -0
- package/lib/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.d.ts +8 -0
- package/lib/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.d.ts.map +1 -0
- package/lib/components/CalendarBase/MonthsList/MonthsList.d.ts +24 -0
- package/lib/components/CalendarBase/MonthsList/MonthsList.d.ts.map +1 -0
- package/lib/components/CalendarBase/MonthsList/format-month-label/format-month-label.d.ts +8 -0
- package/lib/components/CalendarBase/MonthsList/format-month-label/format-month-label.d.ts.map +1 -0
- package/lib/components/CalendarBase/YearPicker/YearPicker.d.ts +20 -0
- package/lib/components/CalendarBase/YearPicker/YearPicker.d.ts.map +1 -0
- package/lib/components/CalendarBase/YearPicker/YearPicker.styles.d.ts +11 -0
- package/lib/components/CalendarBase/YearPicker/YearPicker.styles.d.ts.map +1 -0
- package/lib/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.d.ts +2 -0
- package/lib/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.d.ts.map +1 -0
- package/lib/components/DatePicker/DatePicker.d.ts +2 -2
- package/lib/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/components/DatePickerBase/DatePickerBase.d.ts +2 -2
- package/lib/components/DatePickerBase/DatePickerBase.d.ts.map +1 -1
- package/lib/components/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/components/Month/Day/Day.d.ts +3 -3
- package/lib/components/Month/Day/Day.d.ts.map +1 -1
- package/lib/components/Month/Day/Day.styles.d.ts +3 -2
- package/lib/components/Month/Day/Day.styles.d.ts.map +1 -1
- package/lib/components/Month/Day/get-day-autofocus/get-day-autofocus.d.ts +8 -0
- package/lib/components/Month/Day/get-day-autofocus/get-day-autofocus.d.ts.map +1 -0
- package/lib/components/Month/Day/get-day-tab-index/get-day-tab-index.d.ts +9 -0
- package/lib/components/Month/Day/get-day-tab-index/get-day-tab-index.d.ts.map +1 -0
- package/lib/components/Month/Month.d.ts +12 -11
- package/lib/components/Month/Month.d.ts.map +1 -1
- package/lib/components/Month/Month.styles.d.ts +2 -2
- package/lib/components/Month/get-day-props/get-day-props.d.ts +2 -27
- package/lib/components/Month/get-day-props/get-day-props.d.ts.map +1 -1
- package/lib/components/Month/get-day-props/get-range-props/get-range-props.d.ts +7 -0
- package/lib/components/Month/get-day-props/get-range-props/get-range-props.d.ts.map +1 -0
- package/lib/components/Month/get-day-props/is-disabled/is-disabled.d.ts +11 -0
- package/lib/components/Month/get-day-props/is-disabled/is-disabled.d.ts.map +1 -0
- package/lib/components/Month/get-day-props/is-outside/is-outside.d.ts +2 -0
- package/lib/components/Month/get-day-props/is-outside/is-outside.d.ts.map +1 -0
- package/lib/components/Month/get-day-props/is-weekend/is-weekend.d.ts +2 -0
- package/lib/components/Month/get-day-props/is-weekend/is-weekend.d.ts.map +1 -0
- package/lib/components/Month/index.d.ts +1 -0
- package/lib/components/Month/index.d.ts.map +1 -1
- package/lib/components/Month/types.d.ts +23 -0
- package/lib/components/Month/types.d.ts.map +1 -0
- package/lib/components/RangeCalendar/RangeCalendar.d.ts +2 -12
- package/lib/components/RangeCalendar/RangeCalendar.d.ts.map +1 -1
- package/lib/components/TimeInput/TimeField/TimeField.d.ts.map +1 -1
- package/lib/components/TimeInput/TimeField/TimeField.styles.d.ts +18 -0
- package/lib/components/TimeInput/TimeField/TimeField.styles.d.ts.map +1 -0
- package/lib/components/TimeInput/TimeInput.styles.d.ts +0 -7
- package/lib/components/TimeInput/TimeInput.styles.d.ts.map +1 -1
- package/lib/components/TimeRangeInput/TimeRangeInput.styles.d.ts +2 -2
- package/lib/components/TimeRangeInput/TimeRangeInput.styles.d.ts.map +1 -1
- package/lib/utils/get-months-names/get-months-names.d.ts +1 -1
- package/lib/utils/get-months-names/get-months-names.d.ts.map +1 -1
- package/package.json +3 -3
- package/cjs/components/Calendar/ArrowIcon.js.map +0 -1
- package/cjs/components/Calendar/CalendarHeader/CalendarHeader.js +0 -105
- package/cjs/components/Calendar/CalendarHeader/CalendarHeader.js.map +0 -1
- package/cjs/components/Calendar/CalendarLabel/CalendarLabel.js +0 -69
- package/cjs/components/Calendar/CalendarLabel/CalendarLabel.js.map +0 -1
- package/cjs/components/Calendar/CalendarLabel/CalendarLabel.styles.js +0 -14
- package/cjs/components/Calendar/CalendarLabel/CalendarLabel.styles.js.map +0 -1
- package/cjs/components/Calendar/CalendarWrapper/CalendarWrapper.js +0 -58
- package/cjs/components/Calendar/CalendarWrapper/CalendarWrapper.js.map +0 -1
- package/cjs/components/Calendar/get-disabled-state/get-disabled-state.js +0 -18
- package/cjs/components/Calendar/get-disabled-state/get-disabled-state.js.map +0 -1
- package/esm/components/Calendar/ArrowIcon.js.map +0 -1
- package/esm/components/Calendar/CalendarHeader/CalendarHeader.js +0 -97
- package/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map +0 -1
- package/esm/components/Calendar/CalendarLabel/CalendarLabel.js +0 -60
- package/esm/components/Calendar/CalendarLabel/CalendarLabel.js.map +0 -1
- package/esm/components/Calendar/CalendarLabel/CalendarLabel.styles.js +0 -10
- package/esm/components/Calendar/CalendarLabel/CalendarLabel.styles.js.map +0 -1
- package/esm/components/Calendar/CalendarWrapper/CalendarWrapper.js +0 -50
- package/esm/components/Calendar/CalendarWrapper/CalendarWrapper.js.map +0 -1
- package/esm/components/Calendar/get-disabled-state/get-disabled-state.js +0 -10
- package/esm/components/Calendar/get-disabled-state/get-disabled-state.js.map +0 -1
- package/lib/components/Calendar/CalendarHeader/CalendarHeader.d.ts +0 -33
- package/lib/components/Calendar/CalendarHeader/CalendarHeader.d.ts.map +0 -1
- package/lib/components/Calendar/CalendarLabel/CalendarLabel.d.ts +0 -26
- package/lib/components/Calendar/CalendarLabel/CalendarLabel.d.ts.map +0 -1
- package/lib/components/Calendar/CalendarLabel/CalendarLabel.styles.d.ts +0 -7
- package/lib/components/Calendar/CalendarLabel/CalendarLabel.styles.d.ts.map +0 -1
- package/lib/components/Calendar/CalendarWrapper/CalendarWrapper.d.ts +0 -10
- package/lib/components/Calendar/CalendarWrapper/CalendarWrapper.d.ts.map +0 -1
- package/lib/components/Calendar/get-disabled-state/get-disabled-state.d.ts +0 -15
- package/lib/components/Calendar/get-disabled-state/get-disabled-state.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowIcon.js","sources":["../../../src/components/Calendar/ArrowIcon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface ArrowIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n direction: 'left' | 'right';\n}\n\nexport function ArrowIcon({ direction, style, ...others }: ArrowIconProps) {\n return (\n <svg\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ ...style, transform: direction === 'right' ? 'rotate(180deg)' : 'none' }}\n {...others}\n >\n <path\n d=\"M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nArrowIcon.displayName = '@mantine/dates/ArrowIcon';\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var core = require('@mantine/core');
|
|
7
|
-
var ArrowIcon = require('../ArrowIcon.js');
|
|
8
|
-
var CalendarLabel = require('../CalendarLabel/CalendarLabel.js');
|
|
9
|
-
var Day_styles = require('../../Month/Day/Day.styles.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
|
|
15
|
-
const iconSizes = {
|
|
16
|
-
xs: 10,
|
|
17
|
-
sm: 12,
|
|
18
|
-
md: 14,
|
|
19
|
-
lg: 18,
|
|
20
|
-
xl: 20
|
|
21
|
-
};
|
|
22
|
-
function CalendarHeader({
|
|
23
|
-
size,
|
|
24
|
-
nextMonthLabel,
|
|
25
|
-
previousMonthLabel,
|
|
26
|
-
previousMonthDisabled,
|
|
27
|
-
nextMonthDisabled,
|
|
28
|
-
onPreviousMonth,
|
|
29
|
-
onNextMonth,
|
|
30
|
-
classNames,
|
|
31
|
-
styles,
|
|
32
|
-
locale,
|
|
33
|
-
withSelect,
|
|
34
|
-
yearsRange,
|
|
35
|
-
month,
|
|
36
|
-
setMonth,
|
|
37
|
-
labelFormat,
|
|
38
|
-
__staticSelector,
|
|
39
|
-
monthLabel,
|
|
40
|
-
yearLabel,
|
|
41
|
-
preventFocus = false,
|
|
42
|
-
hiddenMonth
|
|
43
|
-
}) {
|
|
44
|
-
const theme = core.useMantineTheme();
|
|
45
|
-
const iconSize = theme.fn.size({ size, sizes: iconSizes });
|
|
46
|
-
const iconButtonSize = theme.fn.size({ size, sizes: Day_styles.sizes });
|
|
47
|
-
const controlStyles = {
|
|
48
|
-
"&:disabled": {
|
|
49
|
-
backgroundColor: "transparent",
|
|
50
|
-
borderColor: "transparent",
|
|
51
|
-
opacity: 0.4
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
return /* @__PURE__ */ React__default.createElement(core.Group, {
|
|
55
|
-
position: "apart",
|
|
56
|
-
noWrap: true,
|
|
57
|
-
style: { marginBottom: theme.spacing.xs / 2 }
|
|
58
|
-
}, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
|
|
59
|
-
"aria-label": previousMonthLabel,
|
|
60
|
-
onClick: onPreviousMonth,
|
|
61
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
62
|
-
tabIndex: preventFocus ? -1 : 0,
|
|
63
|
-
disabled: previousMonthDisabled,
|
|
64
|
-
size: iconButtonSize,
|
|
65
|
-
style: { visibility: ["prev", "both"].includes(hiddenMonth) ? "hidden" : "visible" },
|
|
66
|
-
"data-mantine-stop-propagation": true,
|
|
67
|
-
sx: controlStyles
|
|
68
|
-
}, /* @__PURE__ */ React__default.createElement(ArrowIcon.ArrowIcon, {
|
|
69
|
-
direction: "left",
|
|
70
|
-
width: iconSize,
|
|
71
|
-
height: iconSize
|
|
72
|
-
})), /* @__PURE__ */ React__default.createElement(CalendarLabel.CalendarLabel, {
|
|
73
|
-
locale,
|
|
74
|
-
classNames,
|
|
75
|
-
styles,
|
|
76
|
-
withSelect,
|
|
77
|
-
yearsRange,
|
|
78
|
-
value: month,
|
|
79
|
-
onChange: setMonth,
|
|
80
|
-
labelFormat,
|
|
81
|
-
size,
|
|
82
|
-
__staticSelector,
|
|
83
|
-
monthLabel,
|
|
84
|
-
yearLabel,
|
|
85
|
-
preventFocus
|
|
86
|
-
}), /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
|
|
87
|
-
"aria-label": nextMonthLabel,
|
|
88
|
-
onClick: onNextMonth,
|
|
89
|
-
tabIndex: preventFocus ? -1 : 0,
|
|
90
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
91
|
-
disabled: nextMonthDisabled,
|
|
92
|
-
size: iconButtonSize,
|
|
93
|
-
style: { visibility: ["next", "both"].includes(hiddenMonth) ? "hidden" : "visible" },
|
|
94
|
-
"data-mantine-stop-propagation": true,
|
|
95
|
-
sx: controlStyles
|
|
96
|
-
}, /* @__PURE__ */ React__default.createElement(ArrowIcon.ArrowIcon, {
|
|
97
|
-
direction: "right",
|
|
98
|
-
width: iconSize,
|
|
99
|
-
height: iconSize
|
|
100
|
-
})));
|
|
101
|
-
}
|
|
102
|
-
CalendarHeader.displayName = "@mantine/dates/CalendarHeader";
|
|
103
|
-
|
|
104
|
-
exports.CalendarHeader = CalendarHeader;
|
|
105
|
-
//# sourceMappingURL=CalendarHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Group, ActionIcon, DefaultProps, MantineSize, useMantineTheme } 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 preventFocus?: boolean;\n hiddenMonth?: 'next' | 'prev' | 'both';\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 preventFocus = false,\n hiddenMonth,\n}: CalendarHeaderProps) {\n const theme = useMantineTheme();\n const iconSize = theme.fn.size({ size, sizes: iconSizes });\n const iconButtonSize = theme.fn.size({ size, sizes: DAY_SIZES });\n const controlStyles = {\n '&:disabled': {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n opacity: 0.4,\n },\n };\n\n return (\n <Group position=\"apart\" noWrap style={{ marginBottom: theme.spacing.xs / 2 }}>\n <ActionIcon<'button'>\n aria-label={previousMonthLabel}\n onClick={onPreviousMonth}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n tabIndex={preventFocus ? -1 : 0}\n disabled={previousMonthDisabled}\n size={iconButtonSize}\n style={{ visibility: ['prev', 'both'].includes(hiddenMonth) ? 'hidden' : 'visible' }}\n data-mantine-stop-propagation\n sx={controlStyles}\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 preventFocus={preventFocus}\n />\n\n <ActionIcon<'button'>\n aria-label={nextMonthLabel}\n onClick={onNextMonth}\n tabIndex={preventFocus ? -1 : 0}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n disabled={nextMonthDisabled}\n size={iconButtonSize}\n style={{ visibility: ['next', 'both'].includes(hiddenMonth) ? 'hidden' : 'visible' }}\n data-mantine-stop-propagation\n sx={controlStyles}\n >\n <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n </ActionIcon>\n </Group>\n );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":["useMantineTheme","DAY_SIZES","React","Group","ActionIcon","ArrowIcon","CalendarLabel"],"mappings":"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"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var dayjs = require('dayjs');
|
|
7
|
-
var core = require('@mantine/core');
|
|
8
|
-
var hooks = require('@mantine/hooks');
|
|
9
|
-
var getMonthsNames = require('../../../utils/get-months-names/get-months-names.js');
|
|
10
|
-
var getYearsRange = require('../../../utils/get-years-range/get-years-range.js');
|
|
11
|
-
var CalendarLabel_styles = require('./CalendarLabel.styles.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
|
-
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
17
|
-
|
|
18
|
-
function CalendarLabel({
|
|
19
|
-
locale,
|
|
20
|
-
classNames,
|
|
21
|
-
styles,
|
|
22
|
-
withSelect,
|
|
23
|
-
yearsRange,
|
|
24
|
-
value,
|
|
25
|
-
labelFormat,
|
|
26
|
-
onChange,
|
|
27
|
-
size,
|
|
28
|
-
__staticSelector,
|
|
29
|
-
monthLabel,
|
|
30
|
-
yearLabel,
|
|
31
|
-
preventFocus
|
|
32
|
-
}) {
|
|
33
|
-
const selectSize = size === "lg" || size === "xl" ? "md" : "xs";
|
|
34
|
-
const { classes } = CalendarLabel_styles['default'](null, { classNames, styles, name: __staticSelector });
|
|
35
|
-
return withSelect ? /* @__PURE__ */ React__default.createElement(core.Group, {
|
|
36
|
-
spacing: 5,
|
|
37
|
-
noWrap: true,
|
|
38
|
-
className: classes.calendarSelectGroup
|
|
39
|
-
}, /* @__PURE__ */ React__default.createElement(core.NativeSelect, {
|
|
40
|
-
"aria-label": monthLabel,
|
|
41
|
-
className: classes.calendarSelect,
|
|
42
|
-
size: selectSize,
|
|
43
|
-
value: value.getMonth(),
|
|
44
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
45
|
-
onChange: (event) => onChange(dayjs__default(value).set("month", parseInt(event.currentTarget.value, 10)).toDate()),
|
|
46
|
-
data: getMonthsNames.getMonthsNames(locale).map((month, index) => ({
|
|
47
|
-
label: hooks.upperFirst(month),
|
|
48
|
-
value: index.toString()
|
|
49
|
-
}))
|
|
50
|
-
}), /* @__PURE__ */ React__default.createElement(core.NativeSelect, {
|
|
51
|
-
"aria-label": yearLabel,
|
|
52
|
-
className: classes.calendarSelect,
|
|
53
|
-
size: selectSize,
|
|
54
|
-
value: value.getFullYear(),
|
|
55
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
56
|
-
onChange: (event) => onChange(dayjs__default(value).set("year", parseInt(event.currentTarget.value, 10)).toDate()),
|
|
57
|
-
data: getYearsRange.getYearsRange(yearsRange).map((year) => ({
|
|
58
|
-
label: year.toString(),
|
|
59
|
-
value: year.toString()
|
|
60
|
-
}))
|
|
61
|
-
})) : /* @__PURE__ */ React__default.createElement(core.Text, {
|
|
62
|
-
className: classes.calendarLabel,
|
|
63
|
-
size
|
|
64
|
-
}, hooks.upperFirst(dayjs__default(value).locale(locale).format(labelFormat)));
|
|
65
|
-
}
|
|
66
|
-
CalendarLabel.displayName = "@mantine/dates/CalendarLabel";
|
|
67
|
-
|
|
68
|
-
exports.CalendarLabel = CalendarLabel;
|
|
69
|
-
//# sourceMappingURL=CalendarLabel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarLabel.js","sources":["../../../../src/components/Calendar/CalendarLabel/CalendarLabel.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps, NativeSelect, Group, Text, MantineSize, ClassNames } 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 preventFocus?: boolean;\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 preventFocus,\n}: CalendarLabelProps) {\n const selectSize = size === 'lg' || size === 'xl' ? 'md' : 'xs';\n const { classes } = useStyles(null, { classNames, styles, name: __staticSelector });\n\n return withSelect ? (\n <Group spacing={5} noWrap className={classes.calendarSelectGroup}>\n <NativeSelect\n aria-label={monthLabel}\n className={classes.calendarSelect}\n size={selectSize}\n value={value.getMonth()}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\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 size={selectSize}\n value={value.getFullYear()}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\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} size={size}>\n {upperFirst(dayjs(value).locale(locale).format(labelFormat))}\n </Text>\n );\n}\n\nCalendarLabel.displayName = '@mantine/dates/CalendarLabel';\n"],"names":["useStyles","React","Group","NativeSelect","dayjs","getMonthsNames","upperFirst","getYearsRange","Text"],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var core = require('@mantine/core');
|
|
6
|
-
|
|
7
|
-
var useStyles = core.createStyles({
|
|
8
|
-
calendarSelectGroup: {},
|
|
9
|
-
calendarSelect: {},
|
|
10
|
-
calendarLabel: {}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
exports.default = useStyles;
|
|
14
|
-
//# sourceMappingURL=CalendarLabel.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var core = require('@mantine/core');
|
|
7
|
-
var Day_styles = require('../../Month/Day/Day.styles.js');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
|
|
13
|
-
var __defProp = Object.defineProperty;
|
|
14
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
15
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
16
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
17
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
18
|
-
var __spreadValues = (a, b) => {
|
|
19
|
-
for (var prop in b || (b = {}))
|
|
20
|
-
if (__hasOwnProp.call(b, prop))
|
|
21
|
-
__defNormalProp(a, prop, b[prop]);
|
|
22
|
-
if (__getOwnPropSymbols)
|
|
23
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
-
if (__propIsEnum.call(b, prop))
|
|
25
|
-
__defNormalProp(a, prop, b[prop]);
|
|
26
|
-
}
|
|
27
|
-
return a;
|
|
28
|
-
};
|
|
29
|
-
var __objRest = (source, exclude) => {
|
|
30
|
-
var target = {};
|
|
31
|
-
for (var prop in source)
|
|
32
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
33
|
-
target[prop] = source[prop];
|
|
34
|
-
if (source != null && __getOwnPropSymbols)
|
|
35
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
36
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
37
|
-
target[prop] = source[prop];
|
|
38
|
-
}
|
|
39
|
-
return target;
|
|
40
|
-
};
|
|
41
|
-
const CalendarWrapper = React.forwardRef((_a, ref) => {
|
|
42
|
-
var _b = _a, { size, fullWidth, amountOfMonths = 1, style, sx, className } = _b, others = __objRest(_b, ["size", "fullWidth", "amountOfMonths", "style", "sx", "className"]);
|
|
43
|
-
const { mergedStyles, rest } = core.useExtractedMargins({ others, style });
|
|
44
|
-
const { sxClassName, theme } = core.useSx({ sx, className });
|
|
45
|
-
const _maxWidth = theme.fn.size({ size, sizes: Day_styles.sizes }) * 7;
|
|
46
|
-
const maxWidth = amountOfMonths > 1 ? _maxWidth * amountOfMonths + (amountOfMonths - 1) * 16 : _maxWidth;
|
|
47
|
-
return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
|
|
48
|
-
ref,
|
|
49
|
-
className: sxClassName,
|
|
50
|
-
style: __spreadValues({
|
|
51
|
-
maxWidth: fullWidth ? "100%" : maxWidth
|
|
52
|
-
}, mergedStyles)
|
|
53
|
-
}, rest));
|
|
54
|
-
});
|
|
55
|
-
CalendarWrapper.displayName = "@mantine/dates/CalendarWrapper";
|
|
56
|
-
|
|
57
|
-
exports.CalendarWrapper = CalendarWrapper;
|
|
58
|
-
//# sourceMappingURL=CalendarWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarWrapper.js","sources":["../../../../src/components/Calendar/CalendarWrapper/CalendarWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { MantineSize, useExtractedMargins, useSx, DefaultProps } from '@mantine/core';\nimport { sizes as DAY_SIZES } from '../../Month/Day/Day.styles';\n\ninterface CalendarWrapperProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n size: MantineSize;\n fullWidth: boolean;\n amountOfMonths?: number;\n}\n\nexport const CalendarWrapper = forwardRef<HTMLDivElement, CalendarWrapperProps>(\n (\n { size, fullWidth, amountOfMonths = 1, style, sx, className, ...others }: CalendarWrapperProps,\n ref\n ) => {\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const { sxClassName, theme } = useSx({ sx, className });\n const _maxWidth = theme.fn.size({ size, sizes: DAY_SIZES }) * 7;\n const maxWidth =\n amountOfMonths > 1 ? _maxWidth * amountOfMonths + (amountOfMonths - 1) * 16 : _maxWidth;\n\n return (\n <div\n ref={ref}\n className={sxClassName}\n style={{\n maxWidth: fullWidth ? '100%' : maxWidth,\n ...mergedStyles,\n }}\n {...rest}\n />\n );\n }\n);\n\nCalendarWrapper.displayName = '@mantine/dates/CalendarWrapper';\n"],"names":["forwardRef","useExtractedMargins","useSx","DAY_SIZES","React"],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dayjs = require('dayjs');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
8
|
-
|
|
9
|
-
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
10
|
-
|
|
11
|
-
function getDisabledState({ maxDate, minDate, month, amountOfMonths }) {
|
|
12
|
-
const nextDisabled = maxDate instanceof Date && dayjs__default(month).add(amountOfMonths - 1, "month").endOf("month").isAfter(dayjs__default(maxDate).endOf("day").subtract(1, "minute"));
|
|
13
|
-
const previousDisabled = minDate instanceof Date && dayjs__default(month).startOf("month").isBefore(dayjs__default(minDate).startOf("day").add(1, "minute"));
|
|
14
|
-
return { nextDisabled, previousDisabled };
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
exports.getDisabledState = getDisabledState;
|
|
18
|
-
//# sourceMappingURL=get-disabled-state.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"get-disabled-state.js","sources":["../../../../src/components/Calendar/get-disabled-state/get-disabled-state.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\ninterface GetDisabledState {\n /** Current selected month */\n month: Date;\n\n /** Min and max possible dates */\n minDate: Date;\n maxDate: Date;\n\n /** Amount of rendered months */\n amountOfMonths?: number;\n}\n\nexport function getDisabledState({ maxDate, minDate, month, amountOfMonths }: GetDisabledState) {\n const nextDisabled =\n maxDate instanceof Date &&\n dayjs(month)\n .add(amountOfMonths - 1, 'month')\n .endOf('month')\n .isAfter(dayjs(maxDate).endOf('day').subtract(1, 'minute'));\n const previousDisabled =\n minDate instanceof Date &&\n dayjs(month).startOf('month').isBefore(dayjs(minDate).startOf('day').add(1, 'minute'));\n\n return { nextDisabled, previousDisabled };\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;;AACO,SAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;AAC9E,EAAE,MAAM,YAAY,GAAG,OAAO,YAAY,IAAI,IAAIA,cAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,cAAc,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAACA,cAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC1K,EAAE,MAAM,gBAAgB,GAAG,OAAO,YAAY,IAAI,IAAIA,cAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,CAACA,cAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7I,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAC5C;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowIcon.js","sources":["../../../src/components/Calendar/ArrowIcon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface ArrowIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n direction: 'left' | 'right';\n}\n\nexport function ArrowIcon({ direction, style, ...others }: ArrowIconProps) {\n return (\n <svg\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ ...style, transform: direction === 'right' ? 'rotate(180deg)' : 'none' }}\n {...others}\n >\n <path\n d=\"M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n\nArrowIcon.displayName = '@mantine/dates/ArrowIcon';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useMantineTheme, Group, ActionIcon } from '@mantine/core';
|
|
3
|
-
import { ArrowIcon } from '../ArrowIcon.js';
|
|
4
|
-
import { CalendarLabel } from '../CalendarLabel/CalendarLabel.js';
|
|
5
|
-
import { sizes } from '../../Month/Day/Day.styles.js';
|
|
6
|
-
|
|
7
|
-
const iconSizes = {
|
|
8
|
-
xs: 10,
|
|
9
|
-
sm: 12,
|
|
10
|
-
md: 14,
|
|
11
|
-
lg: 18,
|
|
12
|
-
xl: 20
|
|
13
|
-
};
|
|
14
|
-
function CalendarHeader({
|
|
15
|
-
size,
|
|
16
|
-
nextMonthLabel,
|
|
17
|
-
previousMonthLabel,
|
|
18
|
-
previousMonthDisabled,
|
|
19
|
-
nextMonthDisabled,
|
|
20
|
-
onPreviousMonth,
|
|
21
|
-
onNextMonth,
|
|
22
|
-
classNames,
|
|
23
|
-
styles,
|
|
24
|
-
locale,
|
|
25
|
-
withSelect,
|
|
26
|
-
yearsRange,
|
|
27
|
-
month,
|
|
28
|
-
setMonth,
|
|
29
|
-
labelFormat,
|
|
30
|
-
__staticSelector,
|
|
31
|
-
monthLabel,
|
|
32
|
-
yearLabel,
|
|
33
|
-
preventFocus = false,
|
|
34
|
-
hiddenMonth
|
|
35
|
-
}) {
|
|
36
|
-
const theme = useMantineTheme();
|
|
37
|
-
const iconSize = theme.fn.size({ size, sizes: iconSizes });
|
|
38
|
-
const iconButtonSize = theme.fn.size({ size, sizes: sizes });
|
|
39
|
-
const controlStyles = {
|
|
40
|
-
"&:disabled": {
|
|
41
|
-
backgroundColor: "transparent",
|
|
42
|
-
borderColor: "transparent",
|
|
43
|
-
opacity: 0.4
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
return /* @__PURE__ */ React.createElement(Group, {
|
|
47
|
-
position: "apart",
|
|
48
|
-
noWrap: true,
|
|
49
|
-
style: { marginBottom: theme.spacing.xs / 2 }
|
|
50
|
-
}, /* @__PURE__ */ React.createElement(ActionIcon, {
|
|
51
|
-
"aria-label": previousMonthLabel,
|
|
52
|
-
onClick: onPreviousMonth,
|
|
53
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
54
|
-
tabIndex: preventFocus ? -1 : 0,
|
|
55
|
-
disabled: previousMonthDisabled,
|
|
56
|
-
size: iconButtonSize,
|
|
57
|
-
style: { visibility: ["prev", "both"].includes(hiddenMonth) ? "hidden" : "visible" },
|
|
58
|
-
"data-mantine-stop-propagation": true,
|
|
59
|
-
sx: controlStyles
|
|
60
|
-
}, /* @__PURE__ */ React.createElement(ArrowIcon, {
|
|
61
|
-
direction: "left",
|
|
62
|
-
width: iconSize,
|
|
63
|
-
height: iconSize
|
|
64
|
-
})), /* @__PURE__ */ React.createElement(CalendarLabel, {
|
|
65
|
-
locale,
|
|
66
|
-
classNames,
|
|
67
|
-
styles,
|
|
68
|
-
withSelect,
|
|
69
|
-
yearsRange,
|
|
70
|
-
value: month,
|
|
71
|
-
onChange: setMonth,
|
|
72
|
-
labelFormat,
|
|
73
|
-
size,
|
|
74
|
-
__staticSelector,
|
|
75
|
-
monthLabel,
|
|
76
|
-
yearLabel,
|
|
77
|
-
preventFocus
|
|
78
|
-
}), /* @__PURE__ */ React.createElement(ActionIcon, {
|
|
79
|
-
"aria-label": nextMonthLabel,
|
|
80
|
-
onClick: onNextMonth,
|
|
81
|
-
tabIndex: preventFocus ? -1 : 0,
|
|
82
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
83
|
-
disabled: nextMonthDisabled,
|
|
84
|
-
size: iconButtonSize,
|
|
85
|
-
style: { visibility: ["next", "both"].includes(hiddenMonth) ? "hidden" : "visible" },
|
|
86
|
-
"data-mantine-stop-propagation": true,
|
|
87
|
-
sx: controlStyles
|
|
88
|
-
}, /* @__PURE__ */ React.createElement(ArrowIcon, {
|
|
89
|
-
direction: "right",
|
|
90
|
-
width: iconSize,
|
|
91
|
-
height: iconSize
|
|
92
|
-
})));
|
|
93
|
-
}
|
|
94
|
-
CalendarHeader.displayName = "@mantine/dates/CalendarHeader";
|
|
95
|
-
|
|
96
|
-
export { CalendarHeader };
|
|
97
|
-
//# sourceMappingURL=CalendarHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../src/components/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Group, ActionIcon, DefaultProps, MantineSize, useMantineTheme } 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 preventFocus?: boolean;\n hiddenMonth?: 'next' | 'prev' | 'both';\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 preventFocus = false,\n hiddenMonth,\n}: CalendarHeaderProps) {\n const theme = useMantineTheme();\n const iconSize = theme.fn.size({ size, sizes: iconSizes });\n const iconButtonSize = theme.fn.size({ size, sizes: DAY_SIZES });\n const controlStyles = {\n '&:disabled': {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n opacity: 0.4,\n },\n };\n\n return (\n <Group position=\"apart\" noWrap style={{ marginBottom: theme.spacing.xs / 2 }}>\n <ActionIcon<'button'>\n aria-label={previousMonthLabel}\n onClick={onPreviousMonth}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n tabIndex={preventFocus ? -1 : 0}\n disabled={previousMonthDisabled}\n size={iconButtonSize}\n style={{ visibility: ['prev', 'both'].includes(hiddenMonth) ? 'hidden' : 'visible' }}\n data-mantine-stop-propagation\n sx={controlStyles}\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 preventFocus={preventFocus}\n />\n\n <ActionIcon<'button'>\n aria-label={nextMonthLabel}\n onClick={onNextMonth}\n tabIndex={preventFocus ? -1 : 0}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\n disabled={nextMonthDisabled}\n size={iconButtonSize}\n style={{ visibility: ['next', 'both'].includes(hiddenMonth) ? 'hidden' : 'visible' }}\n data-mantine-stop-propagation\n sx={controlStyles}\n >\n <ArrowIcon direction=\"right\" width={iconSize} height={iconSize} />\n </ActionIcon>\n </Group>\n );\n}\n\nCalendarHeader.displayName = '@mantine/dates/CalendarHeader';\n"],"names":["DAY_SIZES"],"mappings":"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"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import dayjs from 'dayjs';
|
|
3
|
-
import { Group, NativeSelect, Text } from '@mantine/core';
|
|
4
|
-
import { upperFirst } from '@mantine/hooks';
|
|
5
|
-
import { getMonthsNames } from '../../../utils/get-months-names/get-months-names.js';
|
|
6
|
-
import { getYearsRange } from '../../../utils/get-years-range/get-years-range.js';
|
|
7
|
-
import useStyles from './CalendarLabel.styles.js';
|
|
8
|
-
|
|
9
|
-
function CalendarLabel({
|
|
10
|
-
locale,
|
|
11
|
-
classNames,
|
|
12
|
-
styles,
|
|
13
|
-
withSelect,
|
|
14
|
-
yearsRange,
|
|
15
|
-
value,
|
|
16
|
-
labelFormat,
|
|
17
|
-
onChange,
|
|
18
|
-
size,
|
|
19
|
-
__staticSelector,
|
|
20
|
-
monthLabel,
|
|
21
|
-
yearLabel,
|
|
22
|
-
preventFocus
|
|
23
|
-
}) {
|
|
24
|
-
const selectSize = size === "lg" || size === "xl" ? "md" : "xs";
|
|
25
|
-
const { classes } = useStyles(null, { classNames, styles, name: __staticSelector });
|
|
26
|
-
return withSelect ? /* @__PURE__ */ React.createElement(Group, {
|
|
27
|
-
spacing: 5,
|
|
28
|
-
noWrap: true,
|
|
29
|
-
className: classes.calendarSelectGroup
|
|
30
|
-
}, /* @__PURE__ */ React.createElement(NativeSelect, {
|
|
31
|
-
"aria-label": monthLabel,
|
|
32
|
-
className: classes.calendarSelect,
|
|
33
|
-
size: selectSize,
|
|
34
|
-
value: value.getMonth(),
|
|
35
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
36
|
-
onChange: (event) => onChange(dayjs(value).set("month", parseInt(event.currentTarget.value, 10)).toDate()),
|
|
37
|
-
data: getMonthsNames(locale).map((month, index) => ({
|
|
38
|
-
label: upperFirst(month),
|
|
39
|
-
value: index.toString()
|
|
40
|
-
}))
|
|
41
|
-
}), /* @__PURE__ */ React.createElement(NativeSelect, {
|
|
42
|
-
"aria-label": yearLabel,
|
|
43
|
-
className: classes.calendarSelect,
|
|
44
|
-
size: selectSize,
|
|
45
|
-
value: value.getFullYear(),
|
|
46
|
-
onMouseDown: (event) => preventFocus && event.preventDefault(),
|
|
47
|
-
onChange: (event) => onChange(dayjs(value).set("year", parseInt(event.currentTarget.value, 10)).toDate()),
|
|
48
|
-
data: getYearsRange(yearsRange).map((year) => ({
|
|
49
|
-
label: year.toString(),
|
|
50
|
-
value: year.toString()
|
|
51
|
-
}))
|
|
52
|
-
})) : /* @__PURE__ */ React.createElement(Text, {
|
|
53
|
-
className: classes.calendarLabel,
|
|
54
|
-
size
|
|
55
|
-
}, upperFirst(dayjs(value).locale(locale).format(labelFormat)));
|
|
56
|
-
}
|
|
57
|
-
CalendarLabel.displayName = "@mantine/dates/CalendarLabel";
|
|
58
|
-
|
|
59
|
-
export { CalendarLabel };
|
|
60
|
-
//# sourceMappingURL=CalendarLabel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarLabel.js","sources":["../../../../src/components/Calendar/CalendarLabel/CalendarLabel.tsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { DefaultProps, NativeSelect, Group, Text, MantineSize, ClassNames } 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 preventFocus?: boolean;\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 preventFocus,\n}: CalendarLabelProps) {\n const selectSize = size === 'lg' || size === 'xl' ? 'md' : 'xs';\n const { classes } = useStyles(null, { classNames, styles, name: __staticSelector });\n\n return withSelect ? (\n <Group spacing={5} noWrap className={classes.calendarSelectGroup}>\n <NativeSelect\n aria-label={monthLabel}\n className={classes.calendarSelect}\n size={selectSize}\n value={value.getMonth()}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\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 size={selectSize}\n value={value.getFullYear()}\n onMouseDown={(event) => preventFocus && event.preventDefault()}\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} size={size}>\n {upperFirst(dayjs(value).locale(locale).format(labelFormat))}\n </Text>\n );\n}\n\nCalendarLabel.displayName = '@mantine/dates/CalendarLabel';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
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":[],"mappings":";;AACA,gBAAe,YAAY,CAAC;AAC5B,EAAE,mBAAmB,EAAE,EAAE;AACzB,EAAE,cAAc,EAAE,EAAE;AACpB,EAAE,aAAa,EAAE,EAAE;AACnB,CAAC,CAAC;;;;"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import { useExtractedMargins, useSx } from '@mantine/core';
|
|
3
|
-
import { sizes } from '../../Month/Day/Day.styles.js';
|
|
4
|
-
|
|
5
|
-
var __defProp = Object.defineProperty;
|
|
6
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
|
-
const CalendarWrapper = forwardRef((_a, ref) => {
|
|
34
|
-
var _b = _a, { size, fullWidth, amountOfMonths = 1, style, sx, className } = _b, others = __objRest(_b, ["size", "fullWidth", "amountOfMonths", "style", "sx", "className"]);
|
|
35
|
-
const { mergedStyles, rest } = useExtractedMargins({ others, style });
|
|
36
|
-
const { sxClassName, theme } = useSx({ sx, className });
|
|
37
|
-
const _maxWidth = theme.fn.size({ size, sizes: sizes }) * 7;
|
|
38
|
-
const maxWidth = amountOfMonths > 1 ? _maxWidth * amountOfMonths + (amountOfMonths - 1) * 16 : _maxWidth;
|
|
39
|
-
return /* @__PURE__ */ React.createElement("div", __spreadValues({
|
|
40
|
-
ref,
|
|
41
|
-
className: sxClassName,
|
|
42
|
-
style: __spreadValues({
|
|
43
|
-
maxWidth: fullWidth ? "100%" : maxWidth
|
|
44
|
-
}, mergedStyles)
|
|
45
|
-
}, rest));
|
|
46
|
-
});
|
|
47
|
-
CalendarWrapper.displayName = "@mantine/dates/CalendarWrapper";
|
|
48
|
-
|
|
49
|
-
export { CalendarWrapper };
|
|
50
|
-
//# sourceMappingURL=CalendarWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarWrapper.js","sources":["../../../../src/components/Calendar/CalendarWrapper/CalendarWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { MantineSize, useExtractedMargins, useSx, DefaultProps } from '@mantine/core';\nimport { sizes as DAY_SIZES } from '../../Month/Day/Day.styles';\n\ninterface CalendarWrapperProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n size: MantineSize;\n fullWidth: boolean;\n amountOfMonths?: number;\n}\n\nexport const CalendarWrapper = forwardRef<HTMLDivElement, CalendarWrapperProps>(\n (\n { size, fullWidth, amountOfMonths = 1, style, sx, className, ...others }: CalendarWrapperProps,\n ref\n ) => {\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const { sxClassName, theme } = useSx({ sx, className });\n const _maxWidth = theme.fn.size({ size, sizes: DAY_SIZES }) * 7;\n const maxWidth =\n amountOfMonths > 1 ? _maxWidth * amountOfMonths + (amountOfMonths - 1) * 16 : _maxWidth;\n\n return (\n <div\n ref={ref}\n className={sxClassName}\n style={{\n maxWidth: fullWidth ? '100%' : maxWidth,\n ...mergedStyles,\n }}\n {...rest}\n />\n );\n }\n);\n\nCalendarWrapper.displayName = '@mantine/dates/CalendarWrapper';\n"],"names":["DAY_SIZES"],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import dayjs from 'dayjs';
|
|
2
|
-
|
|
3
|
-
function getDisabledState({ maxDate, minDate, month, amountOfMonths }) {
|
|
4
|
-
const nextDisabled = maxDate instanceof Date && dayjs(month).add(amountOfMonths - 1, "month").endOf("month").isAfter(dayjs(maxDate).endOf("day").subtract(1, "minute"));
|
|
5
|
-
const previousDisabled = minDate instanceof Date && dayjs(month).startOf("month").isBefore(dayjs(minDate).startOf("day").add(1, "minute"));
|
|
6
|
-
return { nextDisabled, previousDisabled };
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export { getDisabledState };
|
|
10
|
-
//# sourceMappingURL=get-disabled-state.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"get-disabled-state.js","sources":["../../../../src/components/Calendar/get-disabled-state/get-disabled-state.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\ninterface GetDisabledState {\n /** Current selected month */\n month: Date;\n\n /** Min and max possible dates */\n minDate: Date;\n maxDate: Date;\n\n /** Amount of rendered months */\n amountOfMonths?: number;\n}\n\nexport function getDisabledState({ maxDate, minDate, month, amountOfMonths }: GetDisabledState) {\n const nextDisabled =\n maxDate instanceof Date &&\n dayjs(month)\n .add(amountOfMonths - 1, 'month')\n .endOf('month')\n .isAfter(dayjs(maxDate).endOf('day').subtract(1, 'minute'));\n const previousDisabled =\n minDate instanceof Date &&\n dayjs(month).startOf('month').isBefore(dayjs(minDate).startOf('day').add(1, 'minute'));\n\n return { nextDisabled, previousDisabled };\n}\n"],"names":[],"mappings":";;AACO,SAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;AAC9E,EAAE,MAAM,YAAY,GAAG,OAAO,YAAY,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,cAAc,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC1K,EAAE,MAAM,gBAAgB,GAAG,OAAO,YAAY,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7I,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAC5C;;;;"}
|