@mantine/dates 3.3.5 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 +9 -9
- 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 +9 -9
- 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeCalendar.js","sources":["../../../src/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { DefaultProps, useMantineTheme, Group } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport { isSameDate, isSameMonth } from '../../utils';\nimport { FirstDayOfWeek } from '../../types';\nimport { Month } from '../Month/Month';\nimport { DayModifiers } from '../Month/get-day-props/get-day-props';\nimport { CalendarHeader } from '../Calendar/CalendarHeader/CalendarHeader';\nimport { CalendarWrapper } from '../Calendar/CalendarWrapper/CalendarWrapper';\nimport { getDisabledState } from '../Calendar/get-disabled-state/get-disabled-state';\nimport { CalendarSettings, CalendarStylesNames } from '../Calendar/Calendar';\n\nexport interface RangeCalendarProps\n extends DefaultProps<CalendarStylesNames>,\n CalendarSettings,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Current month */\n month?: Date;\n\n /** Selected dates */\n value: [Date | null, Date | null];\n\n /** Called when selected date changes */\n onChange(value: [Date, Date]): void;\n\n /** Called when month changes */\n onMonthChange?(value: Date): void;\n\n /** Static css selector base */\n __staticSelector?: string;\n\n /** Set first day of the week */\n firstDayOfWeek?: FirstDayOfWeek;\n\n /** Allow one date to be selected as range */\n allowSingleDateInRange?: boolean;\n}\n\nexport const RangeCalendar = forwardRef<HTMLDivElement, RangeCalendarProps>(\n (\n {\n classNames,\n styles,\n locale,\n nextMonthLabel,\n previousMonthLabel,\n initialMonth,\n month,\n onMonthChange,\n value,\n onChange,\n labelFormat = 'MMMM YYYY',\n withSelect = false,\n yearsRange = { from: 2020, to: 2030 },\n dayClassName,\n dayStyle,\n disableOutsideEvents,\n minDate,\n maxDate,\n excludeDate,\n fullWidth = false,\n size = 'sm',\n onMouseLeave,\n __staticSelector = 'range-calendar',\n firstDayOfWeek = 'monday',\n allowSingleDateInRange = false,\n amountOfMonths = 1,\n ...others\n }: RangeCalendarProps,\n ref\n ) => {\n const theme = useMantineTheme();\n const [hoveredDay, setHoveredDay] = useState<Date>(null);\n const [pickedDate, setPickedDate] = useState<Date>(null);\n const hasMultipleMonths = amountOfMonths > 1;\n const finalLocale = locale || theme.datesLocale;\n\n const setRangeDate = (date: Date) => {\n if (pickedDate instanceof Date) {\n if (isSameDate(date, pickedDate) && !allowSingleDateInRange) {\n setPickedDate(null);\n setHoveredDay(null);\n return null;\n }\n\n const result: [Date, Date] = [date, pickedDate];\n result.sort((a, b) => a.getTime() - b.getTime());\n onChange(result);\n setPickedDate(null);\n return null;\n }\n\n onChange([null, null]);\n setPickedDate(date);\n return null;\n };\n\n const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement>) => {\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n setHoveredDay(null);\n };\n\n const shouldHighlightDate = (date: Date, modifiers: DayModifiers, currentMonth: Date) => {\n const isInCurrentMonth = hasMultipleMonths ? isSameMonth(date, currentMonth) : true;\n if (pickedDate instanceof Date && hoveredDay instanceof Date && isInCurrentMonth) {\n const result: [Date, Date] = [hoveredDay, pickedDate];\n result.sort((a, b) => a.getTime() - b.getTime());\n return (\n !modifiers.selected &&\n dayjs(date).subtract(1, 'day').isBefore(result[1]) &&\n dayjs(date).add(1, 'day').isAfter(result[0])\n );\n }\n\n return false;\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 disabledState = getDisabledState({\n month: _month,\n minDate,\n maxDate,\n amountOfMonths,\n });\n\n const dayStyles = (date: Date, modifiers: DayModifiers, currentMonth: Date) => {\n const initialStyles = typeof dayStyle === 'function' ? dayStyle(date, modifiers) : null;\n const outsideStyles = modifiers.outside && hasMultipleMonths ? { display: 'none' } : null;\n\n if (shouldHighlightDate(date, modifiers, currentMonth)) {\n return {\n ...initialStyles,\n ...outsideStyles,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.3)\n : theme.colors[theme.primaryColor][0],\n borderRadius: 0,\n };\n }\n\n return { ...initialStyles, ...outsideStyles };\n };\n\n return (\n <CalendarWrapper\n size={size}\n fullWidth={fullWidth}\n amountOfMonths={amountOfMonths}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n {...others}\n >\n <Group noWrap style={{ alignItems: 'flex-start' }}>\n {Array(amountOfMonths)\n .fill(0)\n .map((_, monthIndex) => {\n const isFirstMonth = monthIndex === 0;\n const isLastMonth = monthIndex === amountOfMonths - 1;\n const monthToRender = isFirstMonth\n ? _month\n : dayjs(_month).add(monthIndex, 'month').toDate();\n const hiddenMonth = isFirstMonth ? 'next' : isLastMonth ? 'prev' : 'both';\n\n return (\n <div key={`month-${monthIndex}`}>\n <CalendarHeader\n size={size}\n nextMonthLabel={nextMonthLabel}\n previousMonthLabel={previousMonthLabel}\n previousMonthDisabled={disabledState.previousDisabled}\n nextMonthDisabled={disabledState.nextDisabled}\n onPreviousMonth={() => setMonth(dayjs(_month).subtract(1, 'month').toDate())}\n onNextMonth={() => setMonth(dayjs(_month).add(1, 'month').toDate())}\n classNames={classNames}\n styles={styles}\n locale={finalLocale}\n withSelect={withSelect}\n yearsRange={yearsRange}\n month={monthToRender}\n setMonth={setMonth}\n labelFormat={labelFormat}\n hiddenMonth={hasMultipleMonths ? hiddenMonth : undefined}\n __staticSelector={\n isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`\n }\n />\n\n <Month\n month={monthToRender}\n range={value}\n value={pickedDate}\n onChange={setRangeDate}\n dayClassName={dayClassName}\n dayStyle={(date, modifiers) => dayStyles(date, modifiers, monthToRender)}\n disableOutsideDayStyle={hasMultipleMonths}\n disableOutsideEvents={disableOutsideEvents}\n minDate={minDate}\n maxDate={maxDate}\n excludeDate={excludeDate}\n classNames={classNames}\n styles={styles}\n fullWidth={fullWidth}\n size={size}\n onDayMouseEnter={(date) => setHoveredDay(date)}\n firstDayOfWeek={firstDayOfWeek}\n __staticSelector={\n isFirstMonth ? __staticSelector : `${__staticSelector}-month-${monthIndex}`\n }\n />\n </div>\n );\n })}\n </Group>\n </CalendarWrapper>\n );\n }\n);\n\nRangeCalendar.displayName = '@mantine/dates/RangeCalendar';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RangeCalendar.js","sources":["../../../src/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { useMantineTheme } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport { isSameDate } from '../../utils';\nimport { DayModifiers } from '../Month';\nimport { CalendarBase, CalendarBaseProps } from '../CalendarBase/CalendarBase';\n\nexport interface RangeCalendarProps extends Omit<CalendarBaseProps, 'value' | 'onChange'> {\n /** Selected dates */\n value: [Date | null, Date | null];\n\n /** Called when selected date changes */\n onChange(value: [Date, Date]): void;\n\n /** Allow one date to be selected as range */\n allowSingleDateInRange?: boolean;\n}\n\nexport const RangeCalendar = forwardRef<HTMLDivElement, RangeCalendarProps>(\n (\n {\n value,\n onChange,\n dayStyle,\n onMouseLeave,\n __staticSelector = 'RangeCalendar',\n allowSingleDateInRange = false,\n amountOfMonths = 1,\n ...others\n }: RangeCalendarProps,\n ref\n ) => {\n const theme = useMantineTheme();\n const [hoveredDay, setHoveredDay] = useState<Date>(null);\n const [pickedDate, setPickedDate] = useState<Date>(null);\n\n const setRangeDate = (date: Date) => {\n if (pickedDate instanceof Date) {\n if (isSameDate(date, pickedDate) && !allowSingleDateInRange) {\n setPickedDate(null);\n setHoveredDay(null);\n return null;\n }\n\n const result: [Date, Date] = [date, pickedDate];\n result.sort((a, b) => a.getTime() - b.getTime());\n onChange(result);\n setPickedDate(null);\n return null;\n }\n\n onChange([null, null]);\n setPickedDate(date);\n return null;\n };\n\n const handleMouseLeave = (event: React.MouseEvent<HTMLDivElement>) => {\n typeof onMouseLeave === 'function' && onMouseLeave(event);\n setHoveredDay(null);\n };\n\n const shouldHighlightDate = (date: Date, modifiers: DayModifiers) => {\n if (pickedDate instanceof Date && hoveredDay instanceof Date) {\n const result: [Date, Date] = [hoveredDay, pickedDate];\n result.sort((a, b) => a.getTime() - b.getTime());\n return (\n !modifiers.selected &&\n dayjs(date).subtract(1, 'day').isBefore(result[1]) &&\n dayjs(date).add(1, 'day').isAfter(result[0])\n );\n }\n\n return false;\n };\n\n const dayStyles = (date: Date, modifiers: DayModifiers) => {\n const initialStyles = typeof dayStyle === 'function' ? dayStyle(date, modifiers) : null;\n\n if (shouldHighlightDate(date, modifiers)) {\n return {\n ...initialStyles,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.3)\n : theme.colors[theme.primaryColor][0],\n borderRadius: 0,\n };\n }\n\n return { ...initialStyles };\n };\n\n return (\n <CalendarBase\n dayStyle={dayStyles}\n onMouseLeave={handleMouseLeave}\n onDayMouseEnter={(date) => setHoveredDay(date)}\n onChange={setRangeDate}\n value={pickedDate}\n range={value}\n ref={ref}\n __staticSelector={__staticSelector}\n amountOfMonths={amountOfMonths}\n hideOutsideDates={amountOfMonths > 1}\n {...others}\n />\n );\n }\n);\n\nRangeCalendar.displayName = '@mantine/dates/RangeCalendar';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React, { forwardRef, useRef } from 'react';
|
|
|
2
2
|
import { useMergedRef, clamp } from '@mantine/hooks';
|
|
3
3
|
import { Text } from '@mantine/core';
|
|
4
4
|
import { padTime } from '../pad-time/pad-time.js';
|
|
5
|
+
import useStyles from './TimeField.styles.js';
|
|
5
6
|
|
|
6
7
|
var __defProp = Object.defineProperty;
|
|
7
8
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
@@ -33,6 +34,7 @@ var __objRest = (source, exclude) => {
|
|
|
33
34
|
};
|
|
34
35
|
const TimeField = forwardRef((_a, ref) => {
|
|
35
36
|
var _b = _a, {
|
|
37
|
+
className,
|
|
36
38
|
onFocus,
|
|
37
39
|
onBlur,
|
|
38
40
|
onChange,
|
|
@@ -42,6 +44,7 @@ const TimeField = forwardRef((_a, ref) => {
|
|
|
42
44
|
max,
|
|
43
45
|
value
|
|
44
46
|
} = _b, others = __objRest(_b, [
|
|
47
|
+
"className",
|
|
45
48
|
"onFocus",
|
|
46
49
|
"onBlur",
|
|
47
50
|
"onChange",
|
|
@@ -51,6 +54,7 @@ const TimeField = forwardRef((_a, ref) => {
|
|
|
51
54
|
"max",
|
|
52
55
|
"value"
|
|
53
56
|
]);
|
|
57
|
+
const { classes, cx } = useStyles({ size });
|
|
54
58
|
const inputRef = useRef();
|
|
55
59
|
const handleFocus = (event) => {
|
|
56
60
|
typeof onFocus === "function" && onFocus(event);
|
|
@@ -89,7 +93,8 @@ const TimeField = forwardRef((_a, ref) => {
|
|
|
89
93
|
onFocus: handleFocus,
|
|
90
94
|
onBlur: handleBlur,
|
|
91
95
|
onKeyDown: handleKeyDown,
|
|
92
|
-
value
|
|
96
|
+
value,
|
|
97
|
+
className: cx(classes.timeInput, className)
|
|
93
98
|
}, others)), withSeparator && /* @__PURE__ */ React.createElement(Text, {
|
|
94
99
|
size,
|
|
95
100
|
style: { lineHeight: 1, color: "inherit" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeField.js","sources":["../../../../src/components/TimeInput/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from 'react';\nimport { useMergedRef, clamp } from '@mantine/hooks';\nimport { Text, MantineSize } from '@mantine/core';\nimport { padTime } from '../pad-time/pad-time';\n\ninterface TimeFieldProps\n extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> {\n /** Called with onChange event */\n onChange(value: string, triggerShift: boolean): void;\n\n /** Called when input loses focus, used to format value */\n setValue(value: string): void;\n\n /** Adds colon after the field */\n withSeparator?: boolean;\n\n /** Colon text size */\n size?: MantineSize;\n\n /** Maximum possible value, min value is always 0 */\n max?: number;\n}\n\nexport const TimeField = forwardRef<HTMLInputElement, TimeFieldProps>(\n (\n {\n onFocus,\n onBlur,\n onChange,\n setValue,\n withSeparator = false,\n size = 'sm',\n max,\n value,\n ...others\n }: TimeFieldProps,\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>();\n\n const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n inputRef.current.select();\n };\n\n const handleBlur = (event: any) => {\n typeof onBlur === 'function' && onBlur(event);\n };\n\n const handleClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n event.stopPropagation();\n inputRef.current.select();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n const padded = padTime(\n clamp({ value: parseInt(event.currentTarget.value, 10) + 1, max, min: 0 })\n );\n\n if (value !== padded) {\n setValue(padded);\n onChange(padded, false);\n }\n }\n\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n const padded = padTime(\n clamp({ value: parseInt(event.currentTarget.value, 10) - 1, max, min: 0 })\n );\n\n if (value !== padded) {\n setValue(padded);\n onChange(padded, false);\n }\n }\n };\n\n return (\n <>\n <input\n type=\"text\"\n ref={useMergedRef(inputRef, ref)}\n onChange={(event) => onChange(event.currentTarget.value, true)}\n onClick={handleClick}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n value={value}\n {...others}\n />\n\n {withSeparator && (\n <Text size={size} style={{ lineHeight: 1, color: 'inherit' }}>\n :\n </Text>\n )}\n </>\n );\n }\n);\n\nTimeField.displayName = '@mantine/dates/TimeField';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TimeField.js","sources":["../../../../src/components/TimeInput/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from 'react';\nimport { useMergedRef, clamp } from '@mantine/hooks';\nimport { Text, MantineSize } from '@mantine/core';\nimport { padTime } from '../pad-time/pad-time';\nimport useStyles from './TimeField.styles';\n\ninterface TimeFieldProps\n extends Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange' | 'size'> {\n /** Called with onChange event */\n onChange(value: string, triggerShift: boolean): void;\n\n /** Called when input loses focus, used to format value */\n setValue(value: string): void;\n\n /** Adds colon after the field */\n withSeparator?: boolean;\n\n /** Colon text size */\n size?: MantineSize;\n\n /** Maximum possible value, min value is always 0 */\n max?: number;\n}\n\nexport const TimeField = forwardRef<HTMLInputElement, TimeFieldProps>(\n (\n {\n className,\n onFocus,\n onBlur,\n onChange,\n setValue,\n withSeparator = false,\n size = 'sm',\n max,\n value,\n ...others\n }: TimeFieldProps,\n ref\n ) => {\n const { classes, cx } = useStyles({ size });\n const inputRef = useRef<HTMLInputElement>();\n\n const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n inputRef.current.select();\n };\n\n const handleBlur = (event: any) => {\n typeof onBlur === 'function' && onBlur(event);\n };\n\n const handleClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n event.stopPropagation();\n inputRef.current.select();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n const padded = padTime(\n clamp({ value: parseInt(event.currentTarget.value, 10) + 1, max, min: 0 })\n );\n\n if (value !== padded) {\n setValue(padded);\n onChange(padded, false);\n }\n }\n\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n const padded = padTime(\n clamp({ value: parseInt(event.currentTarget.value, 10) - 1, max, min: 0 })\n );\n\n if (value !== padded) {\n setValue(padded);\n onChange(padded, false);\n }\n }\n };\n\n return (\n <>\n <input\n type=\"text\"\n ref={useMergedRef(inputRef, ref)}\n onChange={(event) => onChange(event.currentTarget.value, true)}\n onClick={handleClick}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n value={value}\n className={cx(classes.timeInput, className)}\n {...others}\n />\n\n {withSeparator && (\n <Text size={size} style={{ lineHeight: 1, color: 'inherit' }}>\n :\n </Text>\n )}\n </>\n );\n }\n);\n\nTimeField.displayName = '@mantine/dates/TimeField';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { createStyles } from '@mantine/core';
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defProps = Object.defineProperties;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
|
+
const inputSizes = {
|
|
23
|
+
xs: 20,
|
|
24
|
+
sm: 23,
|
|
25
|
+
md: 25,
|
|
26
|
+
lg: 27,
|
|
27
|
+
xl: 29
|
|
28
|
+
};
|
|
29
|
+
var useStyles = createStyles((theme, { size }) => ({
|
|
30
|
+
timeInput: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
31
|
+
width: theme.fn.size({ size, sizes: inputSizes }),
|
|
32
|
+
appearance: "none",
|
|
33
|
+
backgroundColor: "transparent",
|
|
34
|
+
color: "inherit",
|
|
35
|
+
padding: 0,
|
|
36
|
+
textAlign: "center",
|
|
37
|
+
border: "1px solid transparent",
|
|
38
|
+
fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
|
|
39
|
+
lineHeight: 1,
|
|
40
|
+
outline: 0,
|
|
41
|
+
"&[disabled]": {
|
|
42
|
+
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
|
|
43
|
+
cursor: "not-allowed"
|
|
44
|
+
}
|
|
45
|
+
})
|
|
46
|
+
}));
|
|
47
|
+
|
|
48
|
+
export default useStyles;
|
|
49
|
+
export { inputSizes };
|
|
50
|
+
//# sourceMappingURL=TimeField.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeField.styles.js","sources":["../../../../src/components/TimeInput/TimeField/TimeField.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/core';\n\nexport const inputSizes = {\n xs: 20,\n sm: 23,\n md: 25,\n lg: 27,\n xl: 29,\n};\n\ninterface TimeFieldStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeFieldStyles) => ({\n timeInput: {\n ...theme.fn.fontStyles(),\n width: theme.fn.size({ size, sizes: inputSizes }),\n appearance: 'none',\n backgroundColor: 'transparent',\n color: 'inherit',\n padding: 0,\n textAlign: 'center',\n border: '1px solid transparent',\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n lineHeight: 1,\n outline: 0,\n\n '&[disabled]': {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[7],\n cursor: 'not-allowed',\n },\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
import { createStyles, INPUT_SIZES } from '@mantine/core';
|
|
2
2
|
|
|
3
|
-
const inputSizes = {
|
|
4
|
-
xs: 20,
|
|
5
|
-
sm: 23,
|
|
6
|
-
md: 25,
|
|
7
|
-
lg: 27,
|
|
8
|
-
xl: 29
|
|
9
|
-
};
|
|
10
3
|
var useStyles = createStyles((theme, { size }) => ({
|
|
4
|
+
timeInput: {},
|
|
11
5
|
disabled: {
|
|
12
6
|
opacity: 0.6,
|
|
13
7
|
cursor: "not-allowed"
|
|
@@ -16,25 +10,8 @@ var useStyles = createStyles((theme, { size }) => ({
|
|
|
16
10
|
display: "flex",
|
|
17
11
|
alignItems: "center",
|
|
18
12
|
height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2
|
|
19
|
-
},
|
|
20
|
-
timeInput: {
|
|
21
|
-
width: theme.fn.size({ size, sizes: inputSizes }),
|
|
22
|
-
appearance: "none",
|
|
23
|
-
backgroundColor: "transparent",
|
|
24
|
-
color: "inherit",
|
|
25
|
-
padding: 0,
|
|
26
|
-
textAlign: "center",
|
|
27
|
-
border: "1px solid transparent",
|
|
28
|
-
fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
|
|
29
|
-
lineHeight: 1,
|
|
30
|
-
outline: 0,
|
|
31
|
-
"&[disabled]": {
|
|
32
|
-
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
|
|
33
|
-
cursor: "not-allowed"
|
|
34
|
-
}
|
|
35
13
|
}
|
|
36
14
|
}));
|
|
37
15
|
|
|
38
16
|
export default useStyles;
|
|
39
|
-
export { inputSizes };
|
|
40
17
|
//# sourceMappingURL=TimeInput.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeInput.styles.js","sources":["../../../src/components/TimeInput/TimeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\ninterface TimeInputStyles {\n size: MantineSize;\n}\n\nexport
|
|
1
|
+
{"version":3,"file":"TimeInput.styles.js","sources":["../../../src/components/TimeInput/TimeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\ninterface TimeInputStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeInputStyles) => ({\n timeInput: {},\n\n disabled: {\n opacity: 0.6,\n cursor: 'not-allowed',\n },\n\n controls: {\n display: 'flex',\n alignItems: 'center',\n // -2 for border offset\n height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createStyles, INPUT_SIZES } from '@mantine/core';
|
|
2
|
-
import { inputSizes } from '../TimeInput/TimeInput.styles.js';
|
|
3
2
|
|
|
4
3
|
var useStyles = createStyles((theme, { size }) => ({
|
|
4
|
+
timeField: {},
|
|
5
5
|
disabled: {
|
|
6
6
|
opacity: 0.6,
|
|
7
7
|
cursor: "not-allowed"
|
|
@@ -11,27 +11,10 @@ var useStyles = createStyles((theme, { size }) => ({
|
|
|
11
11
|
alignItems: "center",
|
|
12
12
|
height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2
|
|
13
13
|
},
|
|
14
|
-
timeField: {
|
|
15
|
-
width: theme.fn.size({ size, sizes: inputSizes }),
|
|
16
|
-
appearance: "none",
|
|
17
|
-
backgroundColor: "transparent",
|
|
18
|
-
color: "inherit",
|
|
19
|
-
padding: 0,
|
|
20
|
-
textAlign: "center",
|
|
21
|
-
border: "1px solid transparent",
|
|
22
|
-
fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
|
|
23
|
-
lineHeight: 1,
|
|
24
|
-
outline: 0,
|
|
25
|
-
"&[disabled]": {
|
|
26
|
-
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[7],
|
|
27
|
-
cursor: "not-allowed"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
14
|
separator: {
|
|
31
15
|
paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 2,
|
|
32
16
|
paddingRight: theme.fn.size({ size, sizes: theme.spacing }) / 2,
|
|
33
|
-
lineHeight: 1
|
|
34
|
-
marginBottom: 3
|
|
17
|
+
lineHeight: 1
|
|
35
18
|
}
|
|
36
19
|
}));
|
|
37
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeRangeInput.styles.js","sources":["../../../src/components/TimeRangeInput/TimeRangeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\
|
|
1
|
+
{"version":3,"file":"TimeRangeInput.styles.js","sources":["../../../src/components/TimeRangeInput/TimeRangeInput.styles.ts"],"sourcesContent":["import { createStyles, INPUT_SIZES, MantineSize } from '@mantine/core';\n\ninterface TimeRangeInputStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeRangeInputStyles) => ({\n timeField: {},\n\n disabled: {\n opacity: 0.6,\n cursor: 'not-allowed',\n },\n\n inputWrapper: {\n display: 'inline-flex',\n alignItems: 'center',\n // -2 for border offset\n height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n },\n\n separator: {\n paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n paddingRight: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n lineHeight: 1,\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,MAAM,EAAE,aAAa;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AAClE,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACnE,IAAI,UAAU,EAAE,CAAC;AACjB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import dayjs from 'dayjs';
|
|
2
2
|
|
|
3
|
-
function getMonthsNames(locale) {
|
|
3
|
+
function getMonthsNames(locale, format = "MMM") {
|
|
4
4
|
const names = [];
|
|
5
5
|
const date = new Date(2021, 0, 1);
|
|
6
6
|
for (let i = 0; i < 12; i += 1) {
|
|
7
|
-
names.push(dayjs(date).locale(locale).format(
|
|
7
|
+
names.push(dayjs(date).locale(locale).format(format));
|
|
8
8
|
date.setMonth(date.getMonth() + 1);
|
|
9
9
|
}
|
|
10
10
|
return names;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-months-names.js","sources":["../../../src/utils/get-months-names/get-months-names.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport function getMonthsNames(locale: string) {\n const names: string[] = [];\n const date = new Date(2021, 0, 1);\n\n for (let i = 0; i < 12; i += 1) {\n names.push(dayjs(date).locale(locale).format(
|
|
1
|
+
{"version":3,"file":"get-months-names.js","sources":["../../../src/utils/get-months-names/get-months-names.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport function getMonthsNames(locale: string, format: string = 'MMM') {\n const names: string[] = [];\n const date = new Date(2021, 0, 1);\n\n for (let i = 0; i < 12; i += 1) {\n names.push(dayjs(date).locale(locale).format(format));\n date.setMonth(date.getMonth() + 1);\n }\n\n return names;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE;AACvD,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC;AACnB,EAAE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;AAClC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC1D,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC;AACvC,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
|
|
@@ -1,47 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
import { CalendarLabelStylesNames } from './CalendarLabel/CalendarLabel';
|
|
6
|
-
export interface CalendarSettings extends MonthSettings {
|
|
7
|
-
/** aria-label for next month arrow button */
|
|
8
|
-
nextMonthLabel?: string;
|
|
9
|
-
/** aria-label for previous month arrow button */
|
|
10
|
-
previousMonthLabel?: string;
|
|
11
|
-
/** aria-label for month select */
|
|
12
|
-
monthLabel?: string;
|
|
13
|
-
/** aria-label for year select */
|
|
14
|
-
yearLabel?: string;
|
|
15
|
-
/** Locale used for all labels formatting */
|
|
16
|
-
locale?: string;
|
|
17
|
-
/** Initial selected month */
|
|
18
|
-
initialMonth?: Date | null;
|
|
19
|
-
/** dayjs label format */
|
|
20
|
-
labelFormat?: string;
|
|
21
|
-
/** Replace calendar label with month and year selects */
|
|
22
|
-
withSelect?: boolean;
|
|
23
|
-
/** Years range for year select */
|
|
24
|
-
yearsRange?: {
|
|
25
|
-
from: number;
|
|
26
|
-
to: number;
|
|
27
|
-
};
|
|
28
|
-
/** Set first day of the week */
|
|
29
|
-
firstDayOfWeek?: FirstDayOfWeek;
|
|
30
|
-
/** Amount of displayed months */
|
|
31
|
-
amountOfMonths?: number;
|
|
32
|
-
}
|
|
33
|
-
export declare type CalendarStylesNames = Exclude<MonthStylesNames, 'root'> | CalendarLabelStylesNames;
|
|
34
|
-
export interface CalendarProps extends DefaultProps<CalendarStylesNames>, CalendarSettings, Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {
|
|
35
|
-
/** Current month */
|
|
36
|
-
month?: Date;
|
|
37
|
-
/** Selected date */
|
|
38
|
-
value?: Date;
|
|
39
|
-
/** Called when selected date changes */
|
|
40
|
-
onChange?(value: Date): void;
|
|
41
|
-
/** Called when month changes */
|
|
42
|
-
onMonthChange?(value: Date): void;
|
|
43
|
-
/** Static css selector base */
|
|
44
|
-
__staticSelector?: string;
|
|
45
|
-
}
|
|
46
|
-
export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
2
|
+
import { CalendarBaseProps } from '../CalendarBase/CalendarBase';
|
|
3
|
+
export declare type CalendarProps = CalendarBaseProps;
|
|
4
|
+
export declare const Calendar: React.ForwardRefExoticComponent<CalendarBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
47
5
|
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAE/E,oBAAY,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,0FAIpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MantineSize, ClassNames, DefaultProps } from '@mantine/core';
|
|
3
|
+
import { MonthSettings } from '../Month';
|
|
4
|
+
import { YearPickerStylesNames } from './YearPicker/YearPicker';
|
|
5
|
+
import { MonthPickerStylesNames } from './MonthPicker/MonthPicker';
|
|
6
|
+
import { MonthsListStylesNames } from './MonthsList/MonthsList';
|
|
7
|
+
import useStyles from './CalendarBase.styles';
|
|
8
|
+
export declare type CalendarBaseStylesNames = ClassNames<typeof useStyles> | YearPickerStylesNames | MonthPickerStylesNames | MonthsListStylesNames;
|
|
9
|
+
export interface CalendarSharedProps extends DefaultProps<CalendarBaseStylesNames>, MonthSettings {
|
|
10
|
+
/** Month for controlled calendar */
|
|
11
|
+
month?: Date;
|
|
12
|
+
/** Initial month for uncontrolled calendar */
|
|
13
|
+
initialMonth?: Date;
|
|
14
|
+
/** Called when month changes */
|
|
15
|
+
onMonthChange?(month: Date): void;
|
|
16
|
+
/** Locale used for labels formatting, defaults to theme.datesLocale */
|
|
17
|
+
locale?: string;
|
|
18
|
+
/** Amount of months */
|
|
19
|
+
amountOfMonths?: number;
|
|
20
|
+
/** Selected value */
|
|
21
|
+
value?: Date;
|
|
22
|
+
/** Called when day is selected */
|
|
23
|
+
onChange?(value: Date): void;
|
|
24
|
+
/** Calendar size */
|
|
25
|
+
size?: MantineSize;
|
|
26
|
+
/** Allow to change level (date – month – year) */
|
|
27
|
+
allowLevelChange?: boolean;
|
|
28
|
+
/** Initial date selection level */
|
|
29
|
+
initialLevel?: 'date' | 'month' | 'year';
|
|
30
|
+
/** Static selector base */
|
|
31
|
+
__staticSelector?: string;
|
|
32
|
+
/** Selected range */
|
|
33
|
+
range?: [Date, Date];
|
|
34
|
+
/** Called when day is selected */
|
|
35
|
+
onChange?(value: Date): void;
|
|
36
|
+
/** Called when onMouseEnter event fired on day button */
|
|
37
|
+
onDayMouseEnter?(date: Date, event: React.MouseEvent): void;
|
|
38
|
+
/** Next month control aria-label */
|
|
39
|
+
nextMonthLabel?: string;
|
|
40
|
+
/** Previous month control aria-label */
|
|
41
|
+
previousMonthLabel?: string;
|
|
42
|
+
/** Next year control aria-label */
|
|
43
|
+
nextYearLabel?: string;
|
|
44
|
+
/** Previous year control aria-label */
|
|
45
|
+
previousYearLabel?: string;
|
|
46
|
+
/** Next decade control aria-label */
|
|
47
|
+
nextDecadeLabel?: string;
|
|
48
|
+
/** Previous decade control aria-label */
|
|
49
|
+
previousDecadeLabel?: string;
|
|
50
|
+
/** dayjs label format */
|
|
51
|
+
labelFormat?: string;
|
|
52
|
+
}
|
|
53
|
+
export interface CalendarBaseProps extends CalendarSharedProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {
|
|
54
|
+
}
|
|
55
|
+
export declare const CalendarBase: React.ForwardRefExoticComponent<CalendarBaseProps & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
//# sourceMappingURL=CalendarBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarBase.d.ts","sourceRoot":"","sources":["../../../src/components/CalendarBase/CalendarBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAO,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAqB,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAe,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,oBAAY,uBAAuB,GAC/B,UAAU,CAAC,OAAO,SAAS,CAAC,GAC5B,qBAAqB,GACrB,sBAAsB,GACtB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,uBAAuB,CAAC,EAAE,aAAa;IAC/F,oCAAoC;IACpC,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,8CAA8C;IAC9C,YAAY,CAAC,EAAE,IAAI,CAAC;IAEpB,gCAAgC;IAChC,aAAa,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAElC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,uBAAuB;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,qBAAqB;IACrB,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,kCAAkC;IAClC,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAE7B,oBAAoB;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAEzC,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,qBAAqB;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAErB,kCAAkC;IAClC,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAE7B,yDAAyD;IACzD,eAAe,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAE5D,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBACf,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAAG;AAExE,eAAO,MAAM,YAAY,0FAqMxB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { MantineSize } from '@mantine/core';
|
|
2
|
+
interface CalendarBaseStyles {
|
|
3
|
+
size: MantineSize;
|
|
4
|
+
fullWidth: boolean;
|
|
5
|
+
amountOfMonths: number;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: (params: CalendarBaseStyles, options?: import("../mantine-styles/src/tss/create-styles").UseStylesOptions<"calendarBase">) => {
|
|
8
|
+
classes: Record<"calendarBase", string>;
|
|
9
|
+
cx: (...args: any) => string;
|
|
10
|
+
theme: import("@mantine/core").MantineTheme;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
//# sourceMappingURL=CalendarBase.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarBase.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CalendarBase/CalendarBase.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,eAAe,CAAC;AAG1D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB;;;;;;AAED,wBAeG"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ArrowIconProps extends React.ComponentPropsWithoutRef<'svg'> {
|
|
3
|
+
direction: 'left' | 'right';
|
|
4
|
+
}
|
|
5
|
+
export declare function ArrowIcon({ direction, style, ...others }: ArrowIconProps): JSX.Element;
|
|
6
|
+
export declare namespace ArrowIcon {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=ArrowIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarBase/CalendarHeader/ArrowIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACpE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,EAAE,cAAc,eAiBxE;yBAjBe,SAAS"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MantineSize, ClassNames, DefaultProps } from '@mantine/core';
|
|
3
|
+
import useStyles from './CalendarHeader.styles';
|
|
4
|
+
export declare type CalendarHeaderStylesNames = ClassNames<typeof useStyles>;
|
|
5
|
+
interface CalendarHeaderProps extends DefaultProps<CalendarHeaderStylesNames>, React.ComponentPropsWithoutRef<'div'> {
|
|
6
|
+
hasPrevious: boolean;
|
|
7
|
+
hasNext: boolean;
|
|
8
|
+
onNext?(): void;
|
|
9
|
+
onPrevious?(): void;
|
|
10
|
+
onNextLevel?(): void;
|
|
11
|
+
label?: string;
|
|
12
|
+
nextLevelDisabled?: boolean;
|
|
13
|
+
size?: MantineSize;
|
|
14
|
+
__staticSelector?: string;
|
|
15
|
+
nextLabel?: string;
|
|
16
|
+
previousLabel?: string;
|
|
17
|
+
preventLevelFocus?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare function CalendarHeader({ hasNext, hasPrevious, onNext, onPrevious, onNextLevel, className, label, nextLevelDisabled, size, classNames, styles, __staticSelector, nextLabel, previousLabel, preventLevelFocus, ...others }: CalendarHeaderProps): JSX.Element;
|
|
20
|
+
export declare namespace CalendarHeader {
|
|
21
|
+
var displayName: string;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=CalendarHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarBase/CalendarHeader/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,WAAW,EACX,UAAU,EACV,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,oBAAY,yBAAyB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAErE,UAAU,mBACR,SAAQ,YAAY,CAAC,yBAAyB,CAAC,EAC7C,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB,WAAW,CAAC,IAAI,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAUD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,WAAW,EACX,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,gBAAmC,EACnC,SAAS,EACT,aAAa,EACb,iBAAyB,EACzB,GAAG,MAAM,EACV,EAAE,mBAAmB,eA6CrB;yBA9De,cAAc"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MantineSize } from '@mantine/core';
|
|
2
|
+
interface CalendarHeaderStyles {
|
|
3
|
+
size: MantineSize;
|
|
4
|
+
}
|
|
5
|
+
export declare const sizes: {
|
|
6
|
+
xs: number;
|
|
7
|
+
sm: number;
|
|
8
|
+
md: number;
|
|
9
|
+
lg: number;
|
|
10
|
+
xl: number;
|
|
11
|
+
};
|
|
12
|
+
declare const _default: (params: CalendarHeaderStyles, options?: import("../mantine-styles/src/tss/create-styles").UseStylesOptions<"calendarHeader" | "calendarHeaderControl" | "calendarHeaderLevel" | "calendarHeaderLevelIcon">) => {
|
|
13
|
+
classes: Record<"calendarHeader" | "calendarHeaderControl" | "calendarHeaderLevel" | "calendarHeaderLevelIcon", string>;
|
|
14
|
+
cx: (...args: any) => string;
|
|
15
|
+
theme: import("@mantine/core").MantineTheme;
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
//# sourceMappingURL=CalendarHeader.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarHeader.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarBase/CalendarHeader/CalendarHeader.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,eAAe,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;;;;;;AAEF,wBA8CI"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DefaultProps, ClassNames, MantineSize } from '@mantine/core';
|
|
3
|
+
import { CalendarHeaderStylesNames } from '../CalendarHeader/CalendarHeader';
|
|
4
|
+
import useStyles from './MonthPicker.styles';
|
|
5
|
+
export declare type MonthPickerStylesNames = ClassNames<typeof useStyles> | CalendarHeaderStylesNames;
|
|
6
|
+
export interface MonthPickerProps extends DefaultProps<MonthPickerStylesNames>, Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
|
|
7
|
+
value: {
|
|
8
|
+
year: number;
|
|
9
|
+
month: number;
|
|
10
|
+
};
|
|
11
|
+
onChange(value: number): void;
|
|
12
|
+
locale: string;
|
|
13
|
+
year: number;
|
|
14
|
+
onYearChange(year: number): void;
|
|
15
|
+
onNextLevel(): void;
|
|
16
|
+
size?: MantineSize;
|
|
17
|
+
minDate?: Date;
|
|
18
|
+
maxDate?: Date;
|
|
19
|
+
__staticSelector?: string;
|
|
20
|
+
nextYearLabel?: string;
|
|
21
|
+
previousYearLabel?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function MonthPicker({ className, styles, classNames, value, onChange, locale, year, onYearChange, onNextLevel, size, minDate, maxDate, __staticSelector, nextYearLabel, previousYearLabel, ...others }: MonthPickerProps): JSX.Element;
|
|
24
|
+
export declare namespace MonthPicker {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=MonthPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarBase/MonthPicker/MonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAkB,WAAW,EAAE,MAAM,eAAe,CAAC;AAEtF,OAAO,EAAkB,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAE7F,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,oBAAY,sBAAsB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,yBAAyB,CAAC;AAE9F,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,sBAAsB,CAAC,EAC1C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,IAAI,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAM,EACN,UAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,OAAO,EACP,gBAAgC,EAChC,aAAa,EACb,iBAAiB,EACjB,GAAG,MAAM,EACV,EAAE,gBAAgB,eAsClB;yBAvDe,WAAW"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MantineSize } from '@mantine/core';
|
|
2
|
+
interface MonthPickerStyles {
|
|
3
|
+
size: MantineSize;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: (params: MonthPickerStyles, options?: import("../mantine-styles/src/tss/create-styles").UseStylesOptions<"monthPicker" | "monthPickerControls" | "monthPickerControl" | "monthPickerControlActive">) => {
|
|
6
|
+
classes: Record<"monthPicker" | "monthPickerControls" | "monthPickerControl" | "monthPickerControlActive", string>;
|
|
7
|
+
cx: (...args: any) => string;
|
|
8
|
+
theme: import("@mantine/core").MantineTheme;
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
11
|
+
//# sourceMappingURL=MonthPicker.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarBase/MonthPicker/MonthPicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,WAAW,EAAE,MAAM,eAAe,CAAC;AAEhF,UAAU,iBAAiB;IACzB,IAAI,EAAE,WAAW,CAAC;CACnB;;;;;;AAUD,wBA0CG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"is-month-in-range.d.ts","sourceRoot":"","sources":["../../../../../src/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,cAAc,WAaxE"}
|