@mantine/dates 9.0.2 → 9.1.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.
Files changed (45) hide show
  1. package/cjs/components/MonthPicker/MonthPicker.cjs +67 -7
  2. package/cjs/components/MonthPicker/MonthPicker.cjs.map +1 -1
  3. package/cjs/components/MonthPicker/MonthPicker.module.cjs +11 -0
  4. package/cjs/components/MonthPicker/MonthPicker.module.cjs.map +1 -0
  5. package/cjs/components/MonthPickerInput/MonthPickerInput.cjs +2 -1
  6. package/cjs/components/MonthPickerInput/MonthPickerInput.cjs.map +1 -1
  7. package/cjs/components/SpinInput/SpinInput.cjs +2 -2
  8. package/cjs/components/SpinInput/SpinInput.cjs.map +1 -1
  9. package/cjs/components/TimePicker/TimePicker.cjs +19 -8
  10. package/cjs/components/TimePicker/TimePicker.cjs.map +1 -1
  11. package/cjs/components/TimePicker/use-time-picker.cjs +3 -2
  12. package/cjs/components/TimePicker/use-time-picker.cjs.map +1 -1
  13. package/cjs/components/YearPicker/YearPicker.cjs +67 -7
  14. package/cjs/components/YearPicker/YearPicker.cjs.map +1 -1
  15. package/cjs/components/YearPicker/YearPicker.module.cjs +11 -0
  16. package/cjs/components/YearPicker/YearPicker.module.cjs.map +1 -0
  17. package/cjs/components/YearPickerInput/YearPickerInput.cjs +2 -1
  18. package/cjs/components/YearPickerInput/YearPickerInput.cjs.map +1 -1
  19. package/esm/components/MonthPicker/MonthPicker.mjs +69 -9
  20. package/esm/components/MonthPicker/MonthPicker.mjs.map +1 -1
  21. package/esm/components/MonthPicker/MonthPicker.module.mjs +11 -0
  22. package/esm/components/MonthPicker/MonthPicker.module.mjs.map +1 -0
  23. package/esm/components/MonthPickerInput/MonthPickerInput.mjs +2 -1
  24. package/esm/components/MonthPickerInput/MonthPickerInput.mjs.map +1 -1
  25. package/esm/components/SpinInput/SpinInput.mjs +2 -2
  26. package/esm/components/SpinInput/SpinInput.mjs.map +1 -1
  27. package/esm/components/TimePicker/TimePicker.mjs +19 -8
  28. package/esm/components/TimePicker/TimePicker.mjs.map +1 -1
  29. package/esm/components/TimePicker/use-time-picker.mjs +3 -2
  30. package/esm/components/TimePicker/use-time-picker.mjs.map +1 -1
  31. package/esm/components/YearPicker/YearPicker.mjs +69 -9
  32. package/esm/components/YearPicker/YearPicker.mjs.map +1 -1
  33. package/esm/components/YearPicker/YearPicker.module.mjs +11 -0
  34. package/esm/components/YearPicker/YearPicker.module.mjs.map +1 -0
  35. package/esm/components/YearPickerInput/YearPickerInput.mjs +2 -1
  36. package/esm/components/YearPickerInput/YearPickerInput.mjs.map +1 -1
  37. package/lib/components/MonthPicker/MonthPicker.d.ts +13 -1
  38. package/lib/components/SpinInput/SpinInput.d.ts +2 -1
  39. package/lib/components/TimePicker/TimePicker.d.ts +5 -1
  40. package/lib/components/TimePicker/TimePicker.types.d.ts +1 -0
  41. package/lib/components/TimePicker/use-time-picker.d.ts +3 -2
  42. package/lib/components/YearPicker/YearPicker.d.ts +13 -1
  43. package/package.json +5 -5
  44. package/styles.css +96 -0
  45. package/styles.layer.css +96 -0
package/styles.css CHANGED
@@ -638,6 +638,102 @@
638
638
  cursor: default;
639
639
  }
640
640
 
641
+ .m_d01e596f {
642
+ display: flex;
643
+ font-size: var(--preset-font-size);
644
+ }
645
+
646
+ .m_52a6b4b0 {
647
+ display: flex;
648
+ flex-direction: column;
649
+ border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
650
+ padding-inline-end: 0.5em;
651
+ margin-inline-end: 0.5em;
652
+ }
653
+
654
+ :where([data-mantine-color-scheme='light']) .m_52a6b4b0 {
655
+ border-color: var(--mantine-color-gray-2);
656
+ }
657
+
658
+ :where([data-mantine-color-scheme='dark']) .m_52a6b4b0 {
659
+ border-color: var(--mantine-color-dark-5);
660
+ }
661
+
662
+ .m_b0d93233 {
663
+ padding: 0.52em 0.8em;
664
+ border-radius: var(--mantine-radius-default);
665
+ font-size: var(--preset-font-size);
666
+ white-space: nowrap;
667
+ }
668
+
669
+ @media (hover: hover) {
670
+ :where([data-mantine-color-scheme='light']) .m_b0d93233:hover {
671
+ background-color: var(--mantine-color-gray-0);
672
+ }
673
+
674
+ :where([data-mantine-color-scheme='dark']) .m_b0d93233:hover {
675
+ background-color: var(--mantine-color-dark-5);
676
+ }
677
+ }
678
+
679
+ @media (hover: none) {
680
+ :where([data-mantine-color-scheme='light']) .m_b0d93233:active {
681
+ background-color: var(--mantine-color-gray-0);
682
+ }
683
+
684
+ :where([data-mantine-color-scheme='dark']) .m_b0d93233:active {
685
+ background-color: var(--mantine-color-dark-5);
686
+ }
687
+ }
688
+
689
+ .m_53c9e871 {
690
+ display: flex;
691
+ font-size: var(--preset-font-size);
692
+ }
693
+
694
+ .m_cccb8ff3 {
695
+ display: flex;
696
+ flex-direction: column;
697
+ border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
698
+ padding-inline-end: 0.5em;
699
+ margin-inline-end: 0.5em;
700
+ }
701
+
702
+ :where([data-mantine-color-scheme='light']) .m_cccb8ff3 {
703
+ border-color: var(--mantine-color-gray-2);
704
+ }
705
+
706
+ :where([data-mantine-color-scheme='dark']) .m_cccb8ff3 {
707
+ border-color: var(--mantine-color-dark-5);
708
+ }
709
+
710
+ .m_7b4fbf50 {
711
+ padding: 0.52em 0.8em;
712
+ border-radius: var(--mantine-radius-default);
713
+ font-size: var(--preset-font-size);
714
+ white-space: nowrap;
715
+ }
716
+
717
+ @media (hover: hover) {
718
+ :where([data-mantine-color-scheme='light']) .m_7b4fbf50:hover {
719
+ background-color: var(--mantine-color-gray-0);
720
+ }
721
+
722
+ :where([data-mantine-color-scheme='dark']) .m_7b4fbf50:hover {
723
+ background-color: var(--mantine-color-dark-5);
724
+ }
725
+ }
726
+
727
+ @media (hover: none) {
728
+ :where([data-mantine-color-scheme='light']) .m_7b4fbf50:active {
729
+ background-color: var(--mantine-color-gray-0);
730
+ }
731
+
732
+ :where([data-mantine-color-scheme='dark']) .m_7b4fbf50:active {
733
+ background-color: var(--mantine-color-dark-5);
734
+ }
735
+ }
736
+
641
737
  .m_765a40cf {
642
738
  display: flex;
643
739
  font-size: var(--preset-font-size);
package/styles.layer.css CHANGED
@@ -638,6 +638,102 @@
638
638
  cursor: default;
639
639
  }
640
640
 
641
+ .m_d01e596f {
642
+ display: flex;
643
+ font-size: var(--preset-font-size);
644
+ }
645
+
646
+ .m_52a6b4b0 {
647
+ display: flex;
648
+ flex-direction: column;
649
+ border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
650
+ padding-inline-end: 0.5em;
651
+ margin-inline-end: 0.5em;
652
+ }
653
+
654
+ :where([data-mantine-color-scheme='light']) .m_52a6b4b0 {
655
+ border-color: var(--mantine-color-gray-2);
656
+ }
657
+
658
+ :where([data-mantine-color-scheme='dark']) .m_52a6b4b0 {
659
+ border-color: var(--mantine-color-dark-5);
660
+ }
661
+
662
+ .m_b0d93233 {
663
+ padding: 0.52em 0.8em;
664
+ border-radius: var(--mantine-radius-default);
665
+ font-size: var(--preset-font-size);
666
+ white-space: nowrap;
667
+ }
668
+
669
+ @media (hover: hover) {
670
+ :where([data-mantine-color-scheme='light']) .m_b0d93233:hover {
671
+ background-color: var(--mantine-color-gray-0);
672
+ }
673
+
674
+ :where([data-mantine-color-scheme='dark']) .m_b0d93233:hover {
675
+ background-color: var(--mantine-color-dark-5);
676
+ }
677
+ }
678
+
679
+ @media (hover: none) {
680
+ :where([data-mantine-color-scheme='light']) .m_b0d93233:active {
681
+ background-color: var(--mantine-color-gray-0);
682
+ }
683
+
684
+ :where([data-mantine-color-scheme='dark']) .m_b0d93233:active {
685
+ background-color: var(--mantine-color-dark-5);
686
+ }
687
+ }
688
+
689
+ .m_53c9e871 {
690
+ display: flex;
691
+ font-size: var(--preset-font-size);
692
+ }
693
+
694
+ .m_cccb8ff3 {
695
+ display: flex;
696
+ flex-direction: column;
697
+ border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid;
698
+ padding-inline-end: 0.5em;
699
+ margin-inline-end: 0.5em;
700
+ }
701
+
702
+ :where([data-mantine-color-scheme='light']) .m_cccb8ff3 {
703
+ border-color: var(--mantine-color-gray-2);
704
+ }
705
+
706
+ :where([data-mantine-color-scheme='dark']) .m_cccb8ff3 {
707
+ border-color: var(--mantine-color-dark-5);
708
+ }
709
+
710
+ .m_7b4fbf50 {
711
+ padding: 0.52em 0.8em;
712
+ border-radius: var(--mantine-radius-default);
713
+ font-size: var(--preset-font-size);
714
+ white-space: nowrap;
715
+ }
716
+
717
+ @media (hover: hover) {
718
+ :where([data-mantine-color-scheme='light']) .m_7b4fbf50:hover {
719
+ background-color: var(--mantine-color-gray-0);
720
+ }
721
+
722
+ :where([data-mantine-color-scheme='dark']) .m_7b4fbf50:hover {
723
+ background-color: var(--mantine-color-dark-5);
724
+ }
725
+ }
726
+
727
+ @media (hover: none) {
728
+ :where([data-mantine-color-scheme='light']) .m_7b4fbf50:active {
729
+ background-color: var(--mantine-color-gray-0);
730
+ }
731
+
732
+ :where([data-mantine-color-scheme='dark']) .m_7b4fbf50:active {
733
+ background-color: var(--mantine-color-dark-5);
734
+ }
735
+ }
736
+
641
737
  .m_765a40cf {
642
738
  display: flex;
643
739
  font-size: var(--preset-font-size);