@mantine/dates 8.0.2 → 8.1.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 (111) hide show
  1. package/cjs/components/Calendar/Calendar.cjs +13 -1
  2. package/cjs/components/Calendar/Calendar.cjs.map +1 -1
  3. package/cjs/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.cjs +5 -0
  4. package/cjs/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.cjs.map +1 -1
  5. package/cjs/components/CalendarHeader/CalendarHeader.cjs +75 -60
  6. package/cjs/components/CalendarHeader/CalendarHeader.cjs.map +1 -1
  7. package/cjs/components/DateInput/DateInput.cjs +2 -2
  8. package/cjs/components/DateInput/DateInput.cjs.map +1 -1
  9. package/cjs/components/DatePicker/DatePicker.cjs +83 -27
  10. package/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
  11. package/cjs/components/DatePicker/DatePicker.module.css.cjs +7 -0
  12. package/cjs/components/DatePicker/DatePicker.module.css.cjs.map +1 -0
  13. package/cjs/components/DatePickerInput/DatePickerInput.cjs +3 -1
  14. package/cjs/components/DatePickerInput/DatePickerInput.cjs.map +1 -1
  15. package/cjs/components/DateTimePicker/DateTimePicker.cjs +9 -2
  16. package/cjs/components/DateTimePicker/DateTimePicker.cjs.map +1 -1
  17. package/cjs/components/Day/Day.cjs.map +1 -1
  18. package/cjs/components/DecadeLevel/DecadeLevel.cjs +2 -0
  19. package/cjs/components/DecadeLevel/DecadeLevel.cjs.map +1 -1
  20. package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.cjs +3 -1
  21. package/cjs/components/DecadeLevelGroup/DecadeLevelGroup.cjs.map +1 -1
  22. package/cjs/components/LevelsGroup/LevelsGroup.cjs.map +1 -1
  23. package/cjs/components/Month/Month.cjs +5 -1
  24. package/cjs/components/Month/Month.cjs.map +1 -1
  25. package/cjs/components/MonthLevel/MonthLevel.cjs +2 -0
  26. package/cjs/components/MonthLevel/MonthLevel.cjs.map +1 -1
  27. package/cjs/components/MonthLevelGroup/MonthLevelGroup.cjs +3 -1
  28. package/cjs/components/MonthLevelGroup/MonthLevelGroup.cjs.map +1 -1
  29. package/cjs/components/MonthPicker/MonthPicker.cjs.map +1 -1
  30. package/cjs/components/MonthPickerInput/MonthPickerInput.cjs.map +1 -1
  31. package/cjs/components/MonthsList/MonthsList.cjs +5 -1
  32. package/cjs/components/MonthsList/MonthsList.cjs.map +1 -1
  33. package/cjs/components/PickerControl/PickerControl.cjs.map +1 -1
  34. package/cjs/components/PickerInputBase/PickerInputBase.cjs.map +1 -1
  35. package/cjs/components/TimeGrid/TimeGrid.cjs.map +1 -1
  36. package/cjs/components/TimeInput/TimeInput.cjs +6 -2
  37. package/cjs/components/TimeInput/TimeInput.cjs.map +1 -1
  38. package/cjs/components/TimePicker/TimePicker.cjs +216 -223
  39. package/cjs/components/TimePicker/TimePicker.cjs.map +1 -1
  40. package/cjs/components/TimePicker/use-time-picker.cjs +14 -10
  41. package/cjs/components/TimePicker/use-time-picker.cjs.map +1 -1
  42. package/cjs/components/WeekdaysRow/WeekdaysRow.cjs.map +1 -1
  43. package/cjs/components/YearLevel/YearLevel.cjs +2 -0
  44. package/cjs/components/YearLevel/YearLevel.cjs.map +1 -1
  45. package/cjs/components/YearLevelGroup/YearLevelGroup.cjs +3 -1
  46. package/cjs/components/YearLevelGroup/YearLevelGroup.cjs.map +1 -1
  47. package/cjs/components/YearPicker/YearPicker.cjs.map +1 -1
  48. package/cjs/components/YearPickerInput/YearPickerInput.cjs.map +1 -1
  49. package/cjs/components/YearsList/YearsList.cjs +5 -1
  50. package/cjs/components/YearsList/YearsList.cjs.map +1 -1
  51. package/esm/components/Calendar/Calendar.mjs +13 -1
  52. package/esm/components/Calendar/Calendar.mjs.map +1 -1
  53. package/esm/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.mjs +5 -0
  54. package/esm/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.mjs.map +1 -1
  55. package/esm/components/CalendarHeader/CalendarHeader.mjs +77 -62
  56. package/esm/components/CalendarHeader/CalendarHeader.mjs.map +1 -1
  57. package/esm/components/DateInput/DateInput.mjs +2 -2
  58. package/esm/components/DateInput/DateInput.mjs.map +1 -1
  59. package/esm/components/DatePicker/DatePicker.mjs +85 -29
  60. package/esm/components/DatePicker/DatePicker.mjs.map +1 -1
  61. package/esm/components/DatePicker/DatePicker.module.css.mjs +5 -0
  62. package/esm/components/DatePicker/DatePicker.module.css.mjs.map +1 -0
  63. package/esm/components/DatePickerInput/DatePickerInput.mjs +3 -1
  64. package/esm/components/DatePickerInput/DatePickerInput.mjs.map +1 -1
  65. package/esm/components/DateTimePicker/DateTimePicker.mjs +9 -2
  66. package/esm/components/DateTimePicker/DateTimePicker.mjs.map +1 -1
  67. package/esm/components/Day/Day.mjs.map +1 -1
  68. package/esm/components/DecadeLevel/DecadeLevel.mjs +2 -0
  69. package/esm/components/DecadeLevel/DecadeLevel.mjs.map +1 -1
  70. package/esm/components/DecadeLevelGroup/DecadeLevelGroup.mjs +3 -1
  71. package/esm/components/DecadeLevelGroup/DecadeLevelGroup.mjs.map +1 -1
  72. package/esm/components/LevelsGroup/LevelsGroup.mjs.map +1 -1
  73. package/esm/components/Month/Month.mjs +5 -1
  74. package/esm/components/Month/Month.mjs.map +1 -1
  75. package/esm/components/MonthLevel/MonthLevel.mjs +2 -0
  76. package/esm/components/MonthLevel/MonthLevel.mjs.map +1 -1
  77. package/esm/components/MonthLevelGroup/MonthLevelGroup.mjs +3 -1
  78. package/esm/components/MonthLevelGroup/MonthLevelGroup.mjs.map +1 -1
  79. package/esm/components/MonthPicker/MonthPicker.mjs.map +1 -1
  80. package/esm/components/MonthPickerInput/MonthPickerInput.mjs.map +1 -1
  81. package/esm/components/MonthsList/MonthsList.mjs +5 -1
  82. package/esm/components/MonthsList/MonthsList.mjs.map +1 -1
  83. package/esm/components/PickerControl/PickerControl.mjs.map +1 -1
  84. package/esm/components/PickerInputBase/PickerInputBase.mjs.map +1 -1
  85. package/esm/components/TimeGrid/TimeGrid.mjs.map +1 -1
  86. package/esm/components/TimeInput/TimeInput.mjs +6 -2
  87. package/esm/components/TimeInput/TimeInput.mjs.map +1 -1
  88. package/esm/components/TimePicker/TimePicker.mjs +216 -223
  89. package/esm/components/TimePicker/TimePicker.mjs.map +1 -1
  90. package/esm/components/TimePicker/use-time-picker.mjs +16 -12
  91. package/esm/components/TimePicker/use-time-picker.mjs.map +1 -1
  92. package/esm/components/WeekdaysRow/WeekdaysRow.mjs.map +1 -1
  93. package/esm/components/YearLevel/YearLevel.mjs +2 -0
  94. package/esm/components/YearLevel/YearLevel.mjs.map +1 -1
  95. package/esm/components/YearLevelGroup/YearLevelGroup.mjs +3 -1
  96. package/esm/components/YearLevelGroup/YearLevelGroup.mjs.map +1 -1
  97. package/esm/components/YearPicker/YearPicker.mjs.map +1 -1
  98. package/esm/components/YearPickerInput/YearPickerInput.mjs.map +1 -1
  99. package/esm/components/YearsList/YearsList.mjs +5 -1
  100. package/esm/components/YearsList/YearsList.mjs.map +1 -1
  101. package/lib/components/Calendar/Calendar.d.ts +4 -0
  102. package/lib/components/Calendar/pick-calendar-levels-props/pick-calendar-levels-props.d.ts +3 -1
  103. package/lib/components/CalendarHeader/CalendarHeader.d.ts +2 -0
  104. package/lib/components/DatePicker/DatePicker.d.ts +13 -2
  105. package/lib/components/DatePicker/index.d.ts +1 -1
  106. package/lib/components/DateTimePicker/DateTimePicker.d.ts +5 -0
  107. package/lib/hooks/use-dates-input/use-dates-input.d.ts +1 -5
  108. package/lib/types/DatePickerValue.d.ts +2 -2
  109. package/package.json +3 -3
  110. package/styles.css +48 -0
  111. package/styles.layer.css +48 -0
package/styles.css CHANGED
@@ -601,6 +601,54 @@
601
601
  cursor: default;
602
602
  }
603
603
 
604
+ .m_765a40cf {
605
+ display: flex;
606
+ font-size: var(--preset-font-size);
607
+ }
608
+
609
+ .m_d6a681e1 {
610
+ display: flex;
611
+ flex-direction: column;
612
+ border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
613
+ padding-inline-end: 0.5em;
614
+ margin-inline-end: 0.5em;
615
+ }
616
+
617
+ :where([data-mantine-color-scheme='light']) .m_d6a681e1 {
618
+ border-color: var(--mantine-color-gray-2);
619
+ }
620
+
621
+ :where([data-mantine-color-scheme='dark']) .m_d6a681e1 {
622
+ border-color: var(--mantine-color-dark-5);
623
+ }
624
+
625
+ .m_acd30b22 {
626
+ padding: 0.52em 0.8em;
627
+ border-radius: var(--mantine-radius-default);
628
+ font-size: var(--preset-font-size);
629
+ white-space: nowrap;
630
+ }
631
+
632
+ @media (hover: hover) {
633
+ :where([data-mantine-color-scheme='light']) .m_acd30b22:hover {
634
+ background-color: var(--mantine-color-gray-0);
635
+ }
636
+
637
+ :where([data-mantine-color-scheme='dark']) .m_acd30b22:hover {
638
+ background-color: var(--mantine-color-dark-5);
639
+ }
640
+ }
641
+
642
+ @media (hover: none) {
643
+ :where([data-mantine-color-scheme='light']) .m_acd30b22:active {
644
+ background-color: var(--mantine-color-gray-0);
645
+ }
646
+
647
+ :where([data-mantine-color-scheme='dark']) .m_acd30b22:active {
648
+ background-color: var(--mantine-color-dark-5);
649
+ }
650
+ }
651
+
604
652
  .m_208d2562 {
605
653
  display: flex;
606
654
  align-items: stretch;
package/styles.layer.css CHANGED
@@ -601,6 +601,54 @@
601
601
  cursor: default;
602
602
  }
603
603
 
604
+ .m_765a40cf {
605
+ display: flex;
606
+ font-size: var(--preset-font-size);
607
+ }
608
+
609
+ .m_d6a681e1 {
610
+ display: flex;
611
+ flex-direction: column;
612
+ border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
613
+ padding-inline-end: 0.5em;
614
+ margin-inline-end: 0.5em;
615
+ }
616
+
617
+ :where([data-mantine-color-scheme='light']) .m_d6a681e1 {
618
+ border-color: var(--mantine-color-gray-2);
619
+ }
620
+
621
+ :where([data-mantine-color-scheme='dark']) .m_d6a681e1 {
622
+ border-color: var(--mantine-color-dark-5);
623
+ }
624
+
625
+ .m_acd30b22 {
626
+ padding: 0.52em 0.8em;
627
+ border-radius: var(--mantine-radius-default);
628
+ font-size: var(--preset-font-size);
629
+ white-space: nowrap;
630
+ }
631
+
632
+ @media (hover: hover) {
633
+ :where([data-mantine-color-scheme='light']) .m_acd30b22:hover {
634
+ background-color: var(--mantine-color-gray-0);
635
+ }
636
+
637
+ :where([data-mantine-color-scheme='dark']) .m_acd30b22:hover {
638
+ background-color: var(--mantine-color-dark-5);
639
+ }
640
+ }
641
+
642
+ @media (hover: none) {
643
+ :where([data-mantine-color-scheme='light']) .m_acd30b22:active {
644
+ background-color: var(--mantine-color-gray-0);
645
+ }
646
+
647
+ :where([data-mantine-color-scheme='dark']) .m_acd30b22:active {
648
+ background-color: var(--mantine-color-dark-5);
649
+ }
650
+ }
651
+
604
652
  .m_208d2562 {
605
653
  display: flex;
606
654
  align-items: stretch;