@mantine/dates 3.3.3 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (241) hide show
  1. package/cjs/components/Calendar/Calendar.js +6 -137
  2. package/cjs/components/Calendar/Calendar.js.map +1 -1
  3. package/cjs/components/CalendarBase/CalendarBase.js +242 -0
  4. package/cjs/components/CalendarBase/CalendarBase.js.map +1 -0
  5. package/cjs/components/CalendarBase/CalendarBase.styles.js +22 -0
  6. package/cjs/components/CalendarBase/CalendarBase.styles.js.map +1 -0
  7. package/cjs/components/{Calendar → CalendarBase/CalendarHeader}/ArrowIcon.js +0 -0
  8. package/cjs/components/CalendarBase/CalendarHeader/ArrowIcon.js.map +1 -0
  9. package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.js +119 -0
  10. package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.js.map +1 -0
  11. package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js +58 -0
  12. package/cjs/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js.map +1 -0
  13. package/cjs/components/CalendarBase/MonthPicker/MonthPicker.js +113 -0
  14. package/cjs/components/CalendarBase/MonthPicker/MonthPicker.js.map +1 -0
  15. package/cjs/components/CalendarBase/MonthPicker/MonthPicker.styles.js +52 -0
  16. package/cjs/components/CalendarBase/MonthPicker/MonthPicker.styles.js.map +1 -0
  17. package/cjs/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js +25 -0
  18. package/cjs/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js.map +1 -0
  19. package/cjs/components/CalendarBase/MonthsList/MonthsList.js +123 -0
  20. package/cjs/components/CalendarBase/MonthsList/MonthsList.js.map +1 -0
  21. package/cjs/components/CalendarBase/MonthsList/format-month-label/format-month-label.js +17 -0
  22. package/cjs/components/CalendarBase/MonthsList/format-month-label/format-month-label.js.map +1 -0
  23. package/cjs/components/CalendarBase/YearPicker/YearPicker.js +102 -0
  24. package/cjs/components/CalendarBase/YearPicker/YearPicker.js.map +1 -0
  25. package/cjs/components/CalendarBase/YearPicker/YearPicker.styles.js +54 -0
  26. package/cjs/components/CalendarBase/YearPicker/YearPicker.styles.js.map +1 -0
  27. package/cjs/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js +16 -0
  28. package/cjs/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js.map +1 -0
  29. package/cjs/components/DatePicker/DatePicker.js +10 -10
  30. package/cjs/components/DatePicker/DatePicker.js.map +1 -1
  31. package/cjs/components/DatePickerBase/DatePickerBase.js +5 -5
  32. package/cjs/components/DatePickerBase/DatePickerBase.js.map +1 -1
  33. package/cjs/components/DateRangePicker/DateRangePicker.js +0 -6
  34. package/cjs/components/DateRangePicker/DateRangePicker.js.map +1 -1
  35. package/cjs/components/Month/Day/Day.js +12 -15
  36. package/cjs/components/Month/Day/Day.js.map +1 -1
  37. package/cjs/components/Month/Day/Day.styles.js +2 -1
  38. package/cjs/components/Month/Day/Day.styles.js.map +1 -1
  39. package/cjs/components/Month/Day/get-day-autofocus/get-day-autofocus.js +13 -0
  40. package/cjs/components/Month/Day/get-day-autofocus/get-day-autofocus.js.map +1 -0
  41. package/cjs/components/Month/Day/get-day-tab-index/get-day-tab-index.js +16 -0
  42. package/cjs/components/Month/Day/get-day-tab-index/get-day-tab-index.js.map +1 -0
  43. package/cjs/components/Month/Month.js +36 -67
  44. package/cjs/components/Month/Month.js.map +1 -1
  45. package/cjs/components/Month/Month.styles.js +1 -1
  46. package/cjs/components/Month/Month.styles.js.map +1 -1
  47. package/cjs/components/Month/get-day-props/get-day-props.js +9 -24
  48. package/cjs/components/Month/get-day-props/get-day-props.js.map +1 -1
  49. package/cjs/components/Month/get-day-props/get-range-props/get-range-props.js +25 -0
  50. package/cjs/components/Month/get-day-props/get-range-props/get-range-props.js.map +1 -0
  51. package/cjs/components/Month/get-day-props/is-disabled/is-disabled.js +27 -0
  52. package/cjs/components/Month/get-day-props/is-disabled/is-disabled.js.map +1 -0
  53. package/cjs/components/Month/get-day-props/is-outside/is-outside.js +13 -0
  54. package/cjs/components/Month/get-day-props/is-outside/is-outside.js.map +1 -0
  55. package/cjs/components/Month/get-day-props/is-weekend/is-weekend.js +11 -0
  56. package/cjs/components/Month/get-day-props/is-weekend/is-weekend.js.map +1 -0
  57. package/cjs/components/RangeCalendar/RangeCalendar.js +19 -122
  58. package/cjs/components/RangeCalendar/RangeCalendar.js.map +1 -1
  59. package/cjs/components/TimeInput/TimeField/TimeField.js +6 -1
  60. package/cjs/components/TimeInput/TimeField/TimeField.js.map +1 -1
  61. package/cjs/components/TimeInput/TimeField/TimeField.styles.js +54 -0
  62. package/cjs/components/TimeInput/TimeField/TimeField.styles.js.map +1 -0
  63. package/cjs/components/TimeInput/TimeInput.styles.js +1 -24
  64. package/cjs/components/TimeInput/TimeInput.styles.js.map +1 -1
  65. package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js +2 -19
  66. package/cjs/components/TimeRangeInput/TimeRangeInput.styles.js.map +1 -1
  67. package/cjs/utils/get-months-names/get-months-names.js +2 -2
  68. package/cjs/utils/get-months-names/get-months-names.js.map +1 -1
  69. package/esm/components/Calendar/Calendar.js +6 -136
  70. package/esm/components/Calendar/Calendar.js.map +1 -1
  71. package/esm/components/CalendarBase/CalendarBase.js +234 -0
  72. package/esm/components/CalendarBase/CalendarBase.js.map +1 -0
  73. package/esm/components/CalendarBase/CalendarBase.styles.js +18 -0
  74. package/esm/components/CalendarBase/CalendarBase.styles.js.map +1 -0
  75. package/esm/components/{Calendar → CalendarBase/CalendarHeader}/ArrowIcon.js +0 -0
  76. package/esm/components/CalendarBase/CalendarHeader/ArrowIcon.js.map +1 -0
  77. package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js +111 -0
  78. package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.js.map +1 -0
  79. package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js +54 -0
  80. package/esm/components/CalendarBase/CalendarHeader/CalendarHeader.styles.js.map +1 -0
  81. package/esm/components/CalendarBase/MonthPicker/MonthPicker.js +105 -0
  82. package/esm/components/CalendarBase/MonthPicker/MonthPicker.js.map +1 -0
  83. package/esm/components/CalendarBase/MonthPicker/MonthPicker.styles.js +48 -0
  84. package/esm/components/CalendarBase/MonthPicker/MonthPicker.styles.js.map +1 -0
  85. package/esm/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js +17 -0
  86. package/esm/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.js.map +1 -0
  87. package/esm/components/CalendarBase/MonthsList/MonthsList.js +114 -0
  88. package/esm/components/CalendarBase/MonthsList/MonthsList.js.map +1 -0
  89. package/esm/components/CalendarBase/MonthsList/format-month-label/format-month-label.js +9 -0
  90. package/esm/components/CalendarBase/MonthsList/format-month-label/format-month-label.js.map +1 -0
  91. package/esm/components/CalendarBase/YearPicker/YearPicker.js +94 -0
  92. package/esm/components/CalendarBase/YearPicker/YearPicker.js.map +1 -0
  93. package/esm/components/CalendarBase/YearPicker/YearPicker.styles.js +50 -0
  94. package/esm/components/CalendarBase/YearPicker/YearPicker.styles.js.map +1 -0
  95. package/esm/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js +12 -0
  96. package/esm/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.js.map +1 -0
  97. package/esm/components/DatePicker/DatePicker.js +10 -10
  98. package/esm/components/DatePicker/DatePicker.js.map +1 -1
  99. package/esm/components/DatePickerBase/DatePickerBase.js +6 -6
  100. package/esm/components/DatePickerBase/DatePickerBase.js.map +1 -1
  101. package/esm/components/DateRangePicker/DateRangePicker.js +0 -6
  102. package/esm/components/DateRangePicker/DateRangePicker.js.map +1 -1
  103. package/esm/components/Month/Day/Day.js +12 -15
  104. package/esm/components/Month/Day/Day.js.map +1 -1
  105. package/esm/components/Month/Day/Day.styles.js +2 -1
  106. package/esm/components/Month/Day/Day.styles.js.map +1 -1
  107. package/esm/components/Month/Day/get-day-autofocus/get-day-autofocus.js +9 -0
  108. package/esm/components/Month/Day/get-day-autofocus/get-day-autofocus.js.map +1 -0
  109. package/esm/components/Month/Day/get-day-tab-index/get-day-tab-index.js +12 -0
  110. package/esm/components/Month/Day/get-day-tab-index/get-day-tab-index.js.map +1 -0
  111. package/esm/components/Month/Month.js +38 -69
  112. package/esm/components/Month/Month.js.map +1 -1
  113. package/esm/components/Month/Month.styles.js +1 -1
  114. package/esm/components/Month/Month.styles.js.map +1 -1
  115. package/esm/components/Month/get-day-props/get-day-props.js +9 -20
  116. package/esm/components/Month/get-day-props/get-day-props.js.map +1 -1
  117. package/esm/components/Month/get-day-props/get-range-props/get-range-props.js +17 -0
  118. package/esm/components/Month/get-day-props/get-range-props/get-range-props.js.map +1 -0
  119. package/esm/components/Month/get-day-props/is-disabled/is-disabled.js +19 -0
  120. package/esm/components/Month/get-day-props/is-disabled/is-disabled.js.map +1 -0
  121. package/esm/components/Month/get-day-props/is-outside/is-outside.js +9 -0
  122. package/esm/components/Month/get-day-props/is-outside/is-outside.js.map +1 -0
  123. package/esm/components/Month/get-day-props/is-weekend/is-weekend.js +7 -0
  124. package/esm/components/Month/get-day-props/is-weekend/is-weekend.js.map +1 -0
  125. package/esm/components/RangeCalendar/RangeCalendar.js +20 -123
  126. package/esm/components/RangeCalendar/RangeCalendar.js.map +1 -1
  127. package/esm/components/TimeInput/TimeField/TimeField.js +6 -1
  128. package/esm/components/TimeInput/TimeField/TimeField.js.map +1 -1
  129. package/esm/components/TimeInput/TimeField/TimeField.styles.js +50 -0
  130. package/esm/components/TimeInput/TimeField/TimeField.styles.js.map +1 -0
  131. package/esm/components/TimeInput/TimeInput.styles.js +1 -24
  132. package/esm/components/TimeInput/TimeInput.styles.js.map +1 -1
  133. package/esm/components/TimeRangeInput/TimeRangeInput.styles.js +2 -19
  134. package/esm/components/TimeRangeInput/TimeRangeInput.styles.js.map +1 -1
  135. package/esm/utils/get-months-names/get-months-names.js +2 -2
  136. package/esm/utils/get-months-names/get-months-names.js.map +1 -1
  137. package/lib/components/Calendar/Calendar.d.ts +3 -45
  138. package/lib/components/Calendar/Calendar.d.ts.map +1 -1
  139. package/lib/components/Calendar/index.d.ts +1 -1
  140. package/lib/components/Calendar/index.d.ts.map +1 -1
  141. package/lib/components/CalendarBase/CalendarBase.d.ts +56 -0
  142. package/lib/components/CalendarBase/CalendarBase.d.ts.map +1 -0
  143. package/lib/components/CalendarBase/CalendarBase.styles.d.ts +13 -0
  144. package/lib/components/CalendarBase/CalendarBase.styles.d.ts.map +1 -0
  145. package/lib/components/CalendarBase/CalendarHeader/ArrowIcon.d.ts +10 -0
  146. package/lib/components/CalendarBase/CalendarHeader/ArrowIcon.d.ts.map +1 -0
  147. package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.d.ts +24 -0
  148. package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.d.ts.map +1 -0
  149. package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.styles.d.ts +18 -0
  150. package/lib/components/CalendarBase/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -0
  151. package/lib/components/CalendarBase/MonthPicker/MonthPicker.d.ts +27 -0
  152. package/lib/components/CalendarBase/MonthPicker/MonthPicker.d.ts.map +1 -0
  153. package/lib/components/CalendarBase/MonthPicker/MonthPicker.styles.d.ts +11 -0
  154. package/lib/components/CalendarBase/MonthPicker/MonthPicker.styles.d.ts.map +1 -0
  155. package/lib/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.d.ts +8 -0
  156. package/lib/components/CalendarBase/MonthPicker/is-month-in-range/is-month-in-range.d.ts.map +1 -0
  157. package/lib/components/CalendarBase/MonthsList/MonthsList.d.ts +24 -0
  158. package/lib/components/CalendarBase/MonthsList/MonthsList.d.ts.map +1 -0
  159. package/lib/components/CalendarBase/MonthsList/format-month-label/format-month-label.d.ts +8 -0
  160. package/lib/components/CalendarBase/MonthsList/format-month-label/format-month-label.d.ts.map +1 -0
  161. package/lib/components/CalendarBase/YearPicker/YearPicker.d.ts +20 -0
  162. package/lib/components/CalendarBase/YearPicker/YearPicker.d.ts.map +1 -0
  163. package/lib/components/CalendarBase/YearPicker/YearPicker.styles.d.ts +11 -0
  164. package/lib/components/CalendarBase/YearPicker/YearPicker.styles.d.ts.map +1 -0
  165. package/lib/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.d.ts +2 -0
  166. package/lib/components/CalendarBase/YearPicker/get-decade-range/get-decade-range.d.ts.map +1 -0
  167. package/lib/components/DatePicker/DatePicker.d.ts +2 -2
  168. package/lib/components/DatePicker/DatePicker.d.ts.map +1 -1
  169. package/lib/components/DatePickerBase/DatePickerBase.d.ts +2 -2
  170. package/lib/components/DatePickerBase/DatePickerBase.d.ts.map +1 -1
  171. package/lib/components/DateRangePicker/DateRangePicker.d.ts +2 -2
  172. package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  173. package/lib/components/Month/Day/Day.d.ts +3 -3
  174. package/lib/components/Month/Day/Day.d.ts.map +1 -1
  175. package/lib/components/Month/Day/Day.styles.d.ts +3 -2
  176. package/lib/components/Month/Day/Day.styles.d.ts.map +1 -1
  177. package/lib/components/Month/Day/get-day-autofocus/get-day-autofocus.d.ts +8 -0
  178. package/lib/components/Month/Day/get-day-autofocus/get-day-autofocus.d.ts.map +1 -0
  179. package/lib/components/Month/Day/get-day-tab-index/get-day-tab-index.d.ts +9 -0
  180. package/lib/components/Month/Day/get-day-tab-index/get-day-tab-index.d.ts.map +1 -0
  181. package/lib/components/Month/Month.d.ts +12 -11
  182. package/lib/components/Month/Month.d.ts.map +1 -1
  183. package/lib/components/Month/Month.styles.d.ts +2 -2
  184. package/lib/components/Month/get-day-props/get-day-props.d.ts +2 -27
  185. package/lib/components/Month/get-day-props/get-day-props.d.ts.map +1 -1
  186. package/lib/components/Month/get-day-props/get-range-props/get-range-props.d.ts +7 -0
  187. package/lib/components/Month/get-day-props/get-range-props/get-range-props.d.ts.map +1 -0
  188. package/lib/components/Month/get-day-props/is-disabled/is-disabled.d.ts +11 -0
  189. package/lib/components/Month/get-day-props/is-disabled/is-disabled.d.ts.map +1 -0
  190. package/lib/components/Month/get-day-props/is-outside/is-outside.d.ts +2 -0
  191. package/lib/components/Month/get-day-props/is-outside/is-outside.d.ts.map +1 -0
  192. package/lib/components/Month/get-day-props/is-weekend/is-weekend.d.ts +2 -0
  193. package/lib/components/Month/get-day-props/is-weekend/is-weekend.d.ts.map +1 -0
  194. package/lib/components/Month/index.d.ts +1 -0
  195. package/lib/components/Month/index.d.ts.map +1 -1
  196. package/lib/components/Month/types.d.ts +23 -0
  197. package/lib/components/Month/types.d.ts.map +1 -0
  198. package/lib/components/RangeCalendar/RangeCalendar.d.ts +2 -12
  199. package/lib/components/RangeCalendar/RangeCalendar.d.ts.map +1 -1
  200. package/lib/components/TimeInput/TimeField/TimeField.d.ts.map +1 -1
  201. package/lib/components/TimeInput/TimeField/TimeField.styles.d.ts +18 -0
  202. package/lib/components/TimeInput/TimeField/TimeField.styles.d.ts.map +1 -0
  203. package/lib/components/TimeInput/TimeInput.styles.d.ts +0 -7
  204. package/lib/components/TimeInput/TimeInput.styles.d.ts.map +1 -1
  205. package/lib/components/TimeRangeInput/TimeRangeInput.styles.d.ts +2 -2
  206. package/lib/components/TimeRangeInput/TimeRangeInput.styles.d.ts.map +1 -1
  207. package/lib/utils/get-months-names/get-months-names.d.ts +1 -1
  208. package/lib/utils/get-months-names/get-months-names.d.ts.map +1 -1
  209. package/package.json +3 -3
  210. package/cjs/components/Calendar/ArrowIcon.js.map +0 -1
  211. package/cjs/components/Calendar/CalendarHeader/CalendarHeader.js +0 -105
  212. package/cjs/components/Calendar/CalendarHeader/CalendarHeader.js.map +0 -1
  213. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.js +0 -69
  214. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.js.map +0 -1
  215. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.styles.js +0 -14
  216. package/cjs/components/Calendar/CalendarLabel/CalendarLabel.styles.js.map +0 -1
  217. package/cjs/components/Calendar/CalendarWrapper/CalendarWrapper.js +0 -58
  218. package/cjs/components/Calendar/CalendarWrapper/CalendarWrapper.js.map +0 -1
  219. package/cjs/components/Calendar/get-disabled-state/get-disabled-state.js +0 -18
  220. package/cjs/components/Calendar/get-disabled-state/get-disabled-state.js.map +0 -1
  221. package/esm/components/Calendar/ArrowIcon.js.map +0 -1
  222. package/esm/components/Calendar/CalendarHeader/CalendarHeader.js +0 -97
  223. package/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map +0 -1
  224. package/esm/components/Calendar/CalendarLabel/CalendarLabel.js +0 -60
  225. package/esm/components/Calendar/CalendarLabel/CalendarLabel.js.map +0 -1
  226. package/esm/components/Calendar/CalendarLabel/CalendarLabel.styles.js +0 -10
  227. package/esm/components/Calendar/CalendarLabel/CalendarLabel.styles.js.map +0 -1
  228. package/esm/components/Calendar/CalendarWrapper/CalendarWrapper.js +0 -50
  229. package/esm/components/Calendar/CalendarWrapper/CalendarWrapper.js.map +0 -1
  230. package/esm/components/Calendar/get-disabled-state/get-disabled-state.js +0 -10
  231. package/esm/components/Calendar/get-disabled-state/get-disabled-state.js.map +0 -1
  232. package/lib/components/Calendar/CalendarHeader/CalendarHeader.d.ts +0 -33
  233. package/lib/components/Calendar/CalendarHeader/CalendarHeader.d.ts.map +0 -1
  234. package/lib/components/Calendar/CalendarLabel/CalendarLabel.d.ts +0 -26
  235. package/lib/components/Calendar/CalendarLabel/CalendarLabel.d.ts.map +0 -1
  236. package/lib/components/Calendar/CalendarLabel/CalendarLabel.styles.d.ts +0 -7
  237. package/lib/components/Calendar/CalendarLabel/CalendarLabel.styles.d.ts.map +0 -1
  238. package/lib/components/Calendar/CalendarWrapper/CalendarWrapper.d.ts +0 -10
  239. package/lib/components/Calendar/CalendarWrapper/CalendarWrapper.d.ts.map +0 -1
  240. package/lib/components/Calendar/get-disabled-state/get-disabled-state.d.ts +0 -15
  241. 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":"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"}
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 const inputSizes = {\n xs: 20,\n sm: 23,\n md: 25,\n lg: 27,\n xl: 29,\n};\n\nexport default createStyles((theme, { size }: TimeInputStyles) => ({\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 timeInput: {\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":";;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,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,EAAE,SAAS,EAAE;AACb,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACrD,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,MAAM,EAAE,uBAAuB;AACnC,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,aAAa,EAAE;AACnB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
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\nimport { inputSizes } from '../TimeInput/TimeInput.styles';\n\ninterface TimeRangeInputStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: TimeRangeInputStyles) => ({\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 timeField: {\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 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 marginBottom: 3,\n },\n}));\n"],"names":[],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,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,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACrD,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,MAAM,EAAE,uBAAuB;AACnC,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,aAAa,EAAE;AACnB,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,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,IAAI,YAAY,EAAE,CAAC;AACnB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
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("MMMM"));
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('MMMM'));\n date.setMonth(date.getMonth() + 1);\n }\n\n return names;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAc,CAAC,MAAM,EAAE;AACvC,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
+ {"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 { DefaultProps } from '@mantine/core';
3
- import { FirstDayOfWeek } from '../../types';
4
- import { MonthSettings, MonthStylesNames } from '../Month';
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;AAE1C,OAAO,EAAE,YAAY,EAA0B,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAS,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAKzE,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE3B,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kCAAkC;IAClC,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAE1C,gCAAgC;IAChC,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oBAAY,mBAAmB,GAAG,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,wBAAwB,CAAC;AAE/F,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,CAAC,EACvC,gBAAgB,EAChB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnE,oBAAoB;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,oBAAoB;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,wCAAwC;IACxC,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAE7B,gCAAgC;IAChC,aAAa,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAElC,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,sFA6HpB,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,3 +1,3 @@
1
1
  export { Calendar } from './Calendar';
2
- export type { CalendarSettings, CalendarProps, CalendarStylesNames } from './Calendar';
2
+ export type { CalendarProps } from './Calendar';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -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,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
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 | null;
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,GAAG,IAAI,CAAC;IAEpB,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,8 @@
1
+ interface IsMonthInRange {
2
+ date: Date;
3
+ minDate?: Date;
4
+ maxDate?: Date;
5
+ }
6
+ export declare function isMonthInRange({ date, minDate, maxDate }: IsMonthInRange): boolean;
7
+ export {};
8
+ //# sourceMappingURL=is-month-in-range.d.ts.map
@@ -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"}