@mantine-vue/dates 2.3.1 → 2.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.
Files changed (9) hide show
  1. package/cjs/index.cjs +189 -71
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +189 -71
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/index.d.mts +120 -12
  6. package/lib/index.d.ts +120 -12
  7. package/package.json +3 -3
  8. package/styles.css +137 -102
  9. package/styles.layer.css +137 -102
package/lib/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type PropType, type VNodeChild } from 'vue';
1
+ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
2
  import { type MantineSize } from '@mantine-vue/core';
3
3
  import classes from './Dates.module.css';
4
4
  export type DateStringValue = string;
@@ -6,6 +6,15 @@ export type DateValue = DateStringValue | null;
6
6
  export type DatesRangeValue = [DateValue, DateValue];
7
7
  export type DatePickerType = 'default' | 'multiple' | 'range';
8
8
  export type CalendarLevel = 'month' | 'year' | 'decade';
9
+ export interface RenderDaySlots {
10
+ renderDay?: (input: {
11
+ date: DateStringValue;
12
+ }) => VNodeChild;
13
+ /** Short alias for `renderDay`. */
14
+ day?: (input: {
15
+ date: DateStringValue;
16
+ }) => VNodeChild;
17
+ }
9
18
  export type DatePickerValue<Type extends DatePickerType = 'default'> = Type extends 'range' ? DatesRangeValue : Type extends 'multiple' ? DateStringValue[] : DateValue;
10
19
  export type DatePickerValueType = DateValue | DateStringValue[] | DatesRangeValue;
11
20
  export type ControlKeydownPayload = {
@@ -150,7 +159,7 @@ export declare const Day: import("vue").DefineComponent<import("vue").ExtractPro
150
159
  firstInRange: boolean;
151
160
  lastInRange: boolean;
152
161
  highlightToday: boolean;
153
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
162
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
154
163
  export declare const PickerControl: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
155
164
  selected: BooleanConstructor;
156
165
  disabled: BooleanConstructor;
@@ -213,6 +222,15 @@ export declare const CalendarHeader: import("vue").DefineComponent<import("vue")
213
222
  };
214
223
  levelControlAriaLabel: StringConstructor;
215
224
  fullWidth: BooleanConstructor;
225
+ withNativeLevelSelect: BooleanConstructor;
226
+ yearsSelectRange: PropType<[number, number]>;
227
+ calendarLevel: PropType<CalendarLevel>;
228
+ date: PropType<string | Date>;
229
+ locale: StringConstructor;
230
+ onDateChange: PropType<(date: DateStringValue) => void>;
231
+ minDate: PropType<string | Date>;
232
+ maxDate: PropType<string | Date>;
233
+ disableNativeLevelSelect: BooleanConstructor;
216
234
  onNext: PropType<() => void>;
217
235
  onPrevious: PropType<() => void>;
218
236
  onLevelClick: PropType<() => void>;
@@ -247,6 +265,15 @@ export declare const CalendarHeader: import("vue").DefineComponent<import("vue")
247
265
  };
248
266
  levelControlAriaLabel: StringConstructor;
249
267
  fullWidth: BooleanConstructor;
268
+ withNativeLevelSelect: BooleanConstructor;
269
+ yearsSelectRange: PropType<[number, number]>;
270
+ calendarLevel: PropType<CalendarLevel>;
271
+ date: PropType<string | Date>;
272
+ locale: StringConstructor;
273
+ onDateChange: PropType<(date: DateStringValue) => void>;
274
+ minDate: PropType<string | Date>;
275
+ maxDate: PropType<string | Date>;
276
+ disableNativeLevelSelect: BooleanConstructor;
250
277
  onNext: PropType<() => void>;
251
278
  onPrevious: PropType<() => void>;
252
279
  onLevelClick: PropType<() => void>;
@@ -254,6 +281,8 @@ export declare const CalendarHeader: import("vue").DefineComponent<import("vue")
254
281
  fullWidth: boolean;
255
282
  nextDisabled: boolean;
256
283
  previousDisabled: boolean;
284
+ withNativeLevelSelect: boolean;
285
+ disableNativeLevelSelect: boolean;
257
286
  hasNextLevel: boolean;
258
287
  withNext: boolean;
259
288
  withPrevious: boolean;
@@ -363,7 +392,7 @@ export declare const Month: import("vue").DefineComponent<import("vue").ExtractP
363
392
  withWeekNumbers: boolean;
364
393
  hideOutsideDates: boolean;
365
394
  hideWeekdays: boolean;
366
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
395
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
367
396
  export declare const MonthsList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
368
397
  year: {
369
398
  type: StringConstructor;
@@ -512,6 +541,8 @@ export declare const Calendar: import("vue").DefineComponent<import("vue").Extra
512
541
  withWeekNumbers: BooleanConstructor;
513
542
  static: BooleanConstructor;
514
543
  fullWidth: BooleanConstructor;
544
+ withNativeLevelSelect: BooleanConstructor;
545
+ yearsSelectRange: PropType<[number, number]>;
515
546
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
516
547
  [key: string]: any;
517
548
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -582,12 +613,15 @@ export declare const Calendar: import("vue").DefineComponent<import("vue").Extra
582
613
  withWeekNumbers: BooleanConstructor;
583
614
  static: BooleanConstructor;
584
615
  fullWidth: BooleanConstructor;
616
+ withNativeLevelSelect: BooleanConstructor;
617
+ yearsSelectRange: PropType<[number, number]>;
585
618
  }>> & Readonly<{}>, {
586
619
  type: DatePickerType;
587
620
  static: boolean;
588
621
  fullWidth: boolean;
589
622
  highlightToday: boolean;
590
623
  withCellSpacing: boolean;
624
+ withNativeLevelSelect: boolean;
591
625
  withWeekNumbers: boolean;
592
626
  hideOutsideDates: boolean;
593
627
  hideWeekdays: boolean;
@@ -598,7 +632,7 @@ export declare const Calendar: import("vue").DefineComponent<import("vue").Extra
598
632
  numberOfColumns: number;
599
633
  monthLabelFormat: string | ((date: DateStringValue) => string);
600
634
  yearLabelFormat: string | ((date: DateStringValue) => string);
601
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
635
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
602
636
  export declare const MonthLevel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
603
637
  defaultLevel: PropType<CalendarLevel>;
604
638
  level: PropType<CalendarLevel>;
@@ -667,6 +701,8 @@ export declare const MonthLevel: import("vue").DefineComponent<import("vue").Ext
667
701
  withWeekNumbers: BooleanConstructor;
668
702
  static: BooleanConstructor;
669
703
  fullWidth: BooleanConstructor;
704
+ withNativeLevelSelect: BooleanConstructor;
705
+ yearsSelectRange: PropType<[number, number]>;
670
706
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
671
707
  [key: string]: any;
672
708
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -737,12 +773,15 @@ export declare const MonthLevel: import("vue").DefineComponent<import("vue").Ext
737
773
  withWeekNumbers: BooleanConstructor;
738
774
  static: BooleanConstructor;
739
775
  fullWidth: BooleanConstructor;
776
+ withNativeLevelSelect: BooleanConstructor;
777
+ yearsSelectRange: PropType<[number, number]>;
740
778
  }>> & Readonly<{}>, {
741
779
  type: DatePickerType;
742
780
  static: boolean;
743
781
  fullWidth: boolean;
744
782
  highlightToday: boolean;
745
783
  withCellSpacing: boolean;
784
+ withNativeLevelSelect: boolean;
746
785
  withWeekNumbers: boolean;
747
786
  hideOutsideDates: boolean;
748
787
  hideWeekdays: boolean;
@@ -753,7 +792,7 @@ export declare const MonthLevel: import("vue").DefineComponent<import("vue").Ext
753
792
  numberOfColumns: number;
754
793
  monthLabelFormat: string | ((date: DateStringValue) => string);
755
794
  yearLabelFormat: string | ((date: DateStringValue) => string);
756
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
795
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
757
796
  export declare const YearLevel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
758
797
  defaultLevel: PropType<CalendarLevel>;
759
798
  level: PropType<CalendarLevel>;
@@ -822,6 +861,8 @@ export declare const YearLevel: import("vue").DefineComponent<import("vue").Extr
822
861
  withWeekNumbers: BooleanConstructor;
823
862
  static: BooleanConstructor;
824
863
  fullWidth: BooleanConstructor;
864
+ withNativeLevelSelect: BooleanConstructor;
865
+ yearsSelectRange: PropType<[number, number]>;
825
866
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
826
867
  [key: string]: any;
827
868
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -892,12 +933,15 @@ export declare const YearLevel: import("vue").DefineComponent<import("vue").Extr
892
933
  withWeekNumbers: BooleanConstructor;
893
934
  static: BooleanConstructor;
894
935
  fullWidth: BooleanConstructor;
936
+ withNativeLevelSelect: BooleanConstructor;
937
+ yearsSelectRange: PropType<[number, number]>;
895
938
  }>> & Readonly<{}>, {
896
939
  type: DatePickerType;
897
940
  static: boolean;
898
941
  fullWidth: boolean;
899
942
  highlightToday: boolean;
900
943
  withCellSpacing: boolean;
944
+ withNativeLevelSelect: boolean;
901
945
  withWeekNumbers: boolean;
902
946
  hideOutsideDates: boolean;
903
947
  hideWeekdays: boolean;
@@ -908,7 +952,7 @@ export declare const YearLevel: import("vue").DefineComponent<import("vue").Extr
908
952
  numberOfColumns: number;
909
953
  monthLabelFormat: string | ((date: DateStringValue) => string);
910
954
  yearLabelFormat: string | ((date: DateStringValue) => string);
911
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
955
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
912
956
  export declare const DecadeLevel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
913
957
  defaultLevel: PropType<CalendarLevel>;
914
958
  level: PropType<CalendarLevel>;
@@ -977,6 +1021,8 @@ export declare const DecadeLevel: import("vue").DefineComponent<import("vue").Ex
977
1021
  withWeekNumbers: BooleanConstructor;
978
1022
  static: BooleanConstructor;
979
1023
  fullWidth: BooleanConstructor;
1024
+ withNativeLevelSelect: BooleanConstructor;
1025
+ yearsSelectRange: PropType<[number, number]>;
980
1026
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
981
1027
  [key: string]: any;
982
1028
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1047,12 +1093,15 @@ export declare const DecadeLevel: import("vue").DefineComponent<import("vue").Ex
1047
1093
  withWeekNumbers: BooleanConstructor;
1048
1094
  static: BooleanConstructor;
1049
1095
  fullWidth: BooleanConstructor;
1096
+ withNativeLevelSelect: BooleanConstructor;
1097
+ yearsSelectRange: PropType<[number, number]>;
1050
1098
  }>> & Readonly<{}>, {
1051
1099
  type: DatePickerType;
1052
1100
  static: boolean;
1053
1101
  fullWidth: boolean;
1054
1102
  highlightToday: boolean;
1055
1103
  withCellSpacing: boolean;
1104
+ withNativeLevelSelect: boolean;
1056
1105
  withWeekNumbers: boolean;
1057
1106
  hideOutsideDates: boolean;
1058
1107
  hideWeekdays: boolean;
@@ -1063,7 +1112,7 @@ export declare const DecadeLevel: import("vue").DefineComponent<import("vue").Ex
1063
1112
  numberOfColumns: number;
1064
1113
  monthLabelFormat: string | ((date: DateStringValue) => string);
1065
1114
  yearLabelFormat: string | ((date: DateStringValue) => string);
1066
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1115
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1067
1116
  export declare const MonthLevelGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1068
1117
  defaultLevel: PropType<CalendarLevel>;
1069
1118
  level: PropType<CalendarLevel>;
@@ -1132,6 +1181,8 @@ export declare const MonthLevelGroup: import("vue").DefineComponent<import("vue"
1132
1181
  withWeekNumbers: BooleanConstructor;
1133
1182
  static: BooleanConstructor;
1134
1183
  fullWidth: BooleanConstructor;
1184
+ withNativeLevelSelect: BooleanConstructor;
1185
+ yearsSelectRange: PropType<[number, number]>;
1135
1186
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1136
1187
  [key: string]: any;
1137
1188
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1202,12 +1253,15 @@ export declare const MonthLevelGroup: import("vue").DefineComponent<import("vue"
1202
1253
  withWeekNumbers: BooleanConstructor;
1203
1254
  static: BooleanConstructor;
1204
1255
  fullWidth: BooleanConstructor;
1256
+ withNativeLevelSelect: BooleanConstructor;
1257
+ yearsSelectRange: PropType<[number, number]>;
1205
1258
  }>> & Readonly<{}>, {
1206
1259
  type: DatePickerType;
1207
1260
  static: boolean;
1208
1261
  fullWidth: boolean;
1209
1262
  highlightToday: boolean;
1210
1263
  withCellSpacing: boolean;
1264
+ withNativeLevelSelect: boolean;
1211
1265
  withWeekNumbers: boolean;
1212
1266
  hideOutsideDates: boolean;
1213
1267
  hideWeekdays: boolean;
@@ -1218,7 +1272,7 @@ export declare const MonthLevelGroup: import("vue").DefineComponent<import("vue"
1218
1272
  numberOfColumns: number;
1219
1273
  monthLabelFormat: string | ((date: DateStringValue) => string);
1220
1274
  yearLabelFormat: string | ((date: DateStringValue) => string);
1221
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1275
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1222
1276
  export declare const YearLevelGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1223
1277
  defaultLevel: PropType<CalendarLevel>;
1224
1278
  level: PropType<CalendarLevel>;
@@ -1287,6 +1341,8 @@ export declare const YearLevelGroup: import("vue").DefineComponent<import("vue")
1287
1341
  withWeekNumbers: BooleanConstructor;
1288
1342
  static: BooleanConstructor;
1289
1343
  fullWidth: BooleanConstructor;
1344
+ withNativeLevelSelect: BooleanConstructor;
1345
+ yearsSelectRange: PropType<[number, number]>;
1290
1346
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1291
1347
  [key: string]: any;
1292
1348
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1357,12 +1413,15 @@ export declare const YearLevelGroup: import("vue").DefineComponent<import("vue")
1357
1413
  withWeekNumbers: BooleanConstructor;
1358
1414
  static: BooleanConstructor;
1359
1415
  fullWidth: BooleanConstructor;
1416
+ withNativeLevelSelect: BooleanConstructor;
1417
+ yearsSelectRange: PropType<[number, number]>;
1360
1418
  }>> & Readonly<{}>, {
1361
1419
  type: DatePickerType;
1362
1420
  static: boolean;
1363
1421
  fullWidth: boolean;
1364
1422
  highlightToday: boolean;
1365
1423
  withCellSpacing: boolean;
1424
+ withNativeLevelSelect: boolean;
1366
1425
  withWeekNumbers: boolean;
1367
1426
  hideOutsideDates: boolean;
1368
1427
  hideWeekdays: boolean;
@@ -1373,7 +1432,7 @@ export declare const YearLevelGroup: import("vue").DefineComponent<import("vue")
1373
1432
  numberOfColumns: number;
1374
1433
  monthLabelFormat: string | ((date: DateStringValue) => string);
1375
1434
  yearLabelFormat: string | ((date: DateStringValue) => string);
1376
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1435
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1377
1436
  export declare const DecadeLevelGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1378
1437
  defaultLevel: PropType<CalendarLevel>;
1379
1438
  level: PropType<CalendarLevel>;
@@ -1442,6 +1501,8 @@ export declare const DecadeLevelGroup: import("vue").DefineComponent<import("vue
1442
1501
  withWeekNumbers: BooleanConstructor;
1443
1502
  static: BooleanConstructor;
1444
1503
  fullWidth: BooleanConstructor;
1504
+ withNativeLevelSelect: BooleanConstructor;
1505
+ yearsSelectRange: PropType<[number, number]>;
1445
1506
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1446
1507
  [key: string]: any;
1447
1508
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1512,12 +1573,15 @@ export declare const DecadeLevelGroup: import("vue").DefineComponent<import("vue
1512
1573
  withWeekNumbers: BooleanConstructor;
1513
1574
  static: BooleanConstructor;
1514
1575
  fullWidth: BooleanConstructor;
1576
+ withNativeLevelSelect: BooleanConstructor;
1577
+ yearsSelectRange: PropType<[number, number]>;
1515
1578
  }>> & Readonly<{}>, {
1516
1579
  type: DatePickerType;
1517
1580
  static: boolean;
1518
1581
  fullWidth: boolean;
1519
1582
  highlightToday: boolean;
1520
1583
  withCellSpacing: boolean;
1584
+ withNativeLevelSelect: boolean;
1521
1585
  withWeekNumbers: boolean;
1522
1586
  hideOutsideDates: boolean;
1523
1587
  hideWeekdays: boolean;
@@ -1528,7 +1592,7 @@ export declare const DecadeLevelGroup: import("vue").DefineComponent<import("vue
1528
1592
  numberOfColumns: number;
1529
1593
  monthLabelFormat: string | ((date: DateStringValue) => string);
1530
1594
  yearLabelFormat: string | ((date: DateStringValue) => string);
1531
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1595
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1532
1596
  export declare const LevelsGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1533
1597
  defaultLevel: PropType<CalendarLevel>;
1534
1598
  level: PropType<CalendarLevel>;
@@ -1597,6 +1661,8 @@ export declare const LevelsGroup: import("vue").DefineComponent<import("vue").Ex
1597
1661
  withWeekNumbers: BooleanConstructor;
1598
1662
  static: BooleanConstructor;
1599
1663
  fullWidth: BooleanConstructor;
1664
+ withNativeLevelSelect: BooleanConstructor;
1665
+ yearsSelectRange: PropType<[number, number]>;
1600
1666
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1601
1667
  [key: string]: any;
1602
1668
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1667,12 +1733,15 @@ export declare const LevelsGroup: import("vue").DefineComponent<import("vue").Ex
1667
1733
  withWeekNumbers: BooleanConstructor;
1668
1734
  static: BooleanConstructor;
1669
1735
  fullWidth: BooleanConstructor;
1736
+ withNativeLevelSelect: BooleanConstructor;
1737
+ yearsSelectRange: PropType<[number, number]>;
1670
1738
  }>> & Readonly<{}>, {
1671
1739
  type: DatePickerType;
1672
1740
  static: boolean;
1673
1741
  fullWidth: boolean;
1674
1742
  highlightToday: boolean;
1675
1743
  withCellSpacing: boolean;
1744
+ withNativeLevelSelect: boolean;
1676
1745
  withWeekNumbers: boolean;
1677
1746
  hideOutsideDates: boolean;
1678
1747
  hideWeekdays: boolean;
@@ -1683,7 +1752,7 @@ export declare const LevelsGroup: import("vue").DefineComponent<import("vue").Ex
1683
1752
  numberOfColumns: number;
1684
1753
  monthLabelFormat: string | ((date: DateStringValue) => string);
1685
1754
  yearLabelFormat: string | ((date: DateStringValue) => string);
1686
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1755
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1687
1756
  export declare const DatePicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1688
1757
  type: {
1689
1758
  type: PropType<DatePickerType>;
@@ -1704,6 +1773,8 @@ export declare const DatePicker: import("vue").DefineComponent<import("vue").Ext
1704
1773
  value: DatePickerValueType;
1705
1774
  label: string;
1706
1775
  }>>;
1776
+ withNativeLevelSelect: BooleanConstructor;
1777
+ yearsSelectRange: PropType<[number, number]>;
1707
1778
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1708
1779
  [key: string]: any;
1709
1780
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1726,11 +1797,14 @@ export declare const DatePicker: import("vue").DefineComponent<import("vue").Ext
1726
1797
  value: DatePickerValueType;
1727
1798
  label: string;
1728
1799
  }>>;
1800
+ withNativeLevelSelect: BooleanConstructor;
1801
+ yearsSelectRange: PropType<[number, number]>;
1729
1802
  }>> & Readonly<{}>, {
1730
1803
  type: DatePickerType;
1731
1804
  allowDeselect: boolean;
1805
+ withNativeLevelSelect: boolean;
1732
1806
  sortDates: boolean;
1733
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1807
+ }, SlotsType<RenderDaySlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1734
1808
  export declare const YearPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
1735
1809
  type: {
1736
1810
  type: PropType<DatePickerType>;
@@ -1752,6 +1826,8 @@ export declare const YearPicker: import("vue").DefineComponent<import("vue").Ext
1752
1826
  label: string;
1753
1827
  }>>;
1754
1828
  onYearSelect: PropType<(date: DateStringValue) => void>;
1829
+ withNativeLevelSelect: BooleanConstructor;
1830
+ yearsSelectRange: PropType<[number, number]>;
1755
1831
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1756
1832
  [key: string]: any;
1757
1833
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1775,9 +1851,12 @@ export declare const YearPicker: import("vue").DefineComponent<import("vue").Ext
1775
1851
  label: string;
1776
1852
  }>>;
1777
1853
  onYearSelect: PropType<(date: DateStringValue) => void>;
1854
+ withNativeLevelSelect: BooleanConstructor;
1855
+ yearsSelectRange: PropType<[number, number]>;
1778
1856
  }>> & Readonly<{}>, {
1779
1857
  type: DatePickerType;
1780
1858
  allowDeselect: boolean;
1859
+ withNativeLevelSelect: boolean;
1781
1860
  sortDates: boolean;
1782
1861
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1783
1862
  export declare const MonthPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1801,6 +1880,8 @@ export declare const MonthPicker: import("vue").DefineComponent<import("vue").Ex
1801
1880
  label: string;
1802
1881
  }>>;
1803
1882
  onMonthSelect: PropType<(date: DateStringValue) => void>;
1883
+ withNativeLevelSelect: BooleanConstructor;
1884
+ yearsSelectRange: PropType<[number, number]>;
1804
1885
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1805
1886
  [key: string]: any;
1806
1887
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1824,9 +1905,12 @@ export declare const MonthPicker: import("vue").DefineComponent<import("vue").Ex
1824
1905
  label: string;
1825
1906
  }>>;
1826
1907
  onMonthSelect: PropType<(date: DateStringValue) => void>;
1908
+ withNativeLevelSelect: BooleanConstructor;
1909
+ yearsSelectRange: PropType<[number, number]>;
1827
1910
  }>> & Readonly<{}>, {
1828
1911
  type: DatePickerType;
1829
1912
  allowDeselect: boolean;
1913
+ withNativeLevelSelect: boolean;
1830
1914
  sortDates: boolean;
1831
1915
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1832
1916
  export declare const PickerInputBase: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1919,6 +2003,8 @@ export declare const DatePickerInput: import("vue").DefineComponent<import("vue"
1919
2003
  default: boolean;
1920
2004
  };
1921
2005
  valueFormatter: PropType<DateFormatter>;
2006
+ withNativeLevelSelect: BooleanConstructor;
2007
+ yearsSelectRange: PropType<[number, number]>;
1922
2008
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1923
2009
  [key: string]: any;
1924
2010
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1950,9 +2036,12 @@ export declare const DatePickerInput: import("vue").DefineComponent<import("vue"
1950
2036
  default: boolean;
1951
2037
  };
1952
2038
  valueFormatter: PropType<DateFormatter>;
2039
+ withNativeLevelSelect: BooleanConstructor;
2040
+ yearsSelectRange: PropType<[number, number]>;
1953
2041
  }>> & Readonly<{}>, {
1954
2042
  type: DatePickerType;
1955
2043
  clearable: boolean;
2044
+ withNativeLevelSelect: boolean;
1956
2045
  sortDates: boolean;
1957
2046
  valueFormat: string;
1958
2047
  labelSeparator: string;
@@ -1987,6 +2076,8 @@ export declare const MonthPickerInput: import("vue").DefineComponent<import("vue
1987
2076
  default: boolean;
1988
2077
  };
1989
2078
  valueFormatter: PropType<DateFormatter>;
2079
+ withNativeLevelSelect: BooleanConstructor;
2080
+ yearsSelectRange: PropType<[number, number]>;
1990
2081
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
1991
2082
  [key: string]: any;
1992
2083
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2018,9 +2109,12 @@ export declare const MonthPickerInput: import("vue").DefineComponent<import("vue
2018
2109
  default: boolean;
2019
2110
  };
2020
2111
  valueFormatter: PropType<DateFormatter>;
2112
+ withNativeLevelSelect: BooleanConstructor;
2113
+ yearsSelectRange: PropType<[number, number]>;
2021
2114
  }>> & Readonly<{}>, {
2022
2115
  type: DatePickerType;
2023
2116
  clearable: boolean;
2117
+ withNativeLevelSelect: boolean;
2024
2118
  sortDates: boolean;
2025
2119
  valueFormat: string;
2026
2120
  labelSeparator: string;
@@ -2055,6 +2149,8 @@ export declare const YearPickerInput: import("vue").DefineComponent<import("vue"
2055
2149
  default: boolean;
2056
2150
  };
2057
2151
  valueFormatter: PropType<DateFormatter>;
2152
+ withNativeLevelSelect: BooleanConstructor;
2153
+ yearsSelectRange: PropType<[number, number]>;
2058
2154
  }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
2059
2155
  [key: string]: any;
2060
2156
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2086,9 +2182,12 @@ export declare const YearPickerInput: import("vue").DefineComponent<import("vue"
2086
2182
  default: boolean;
2087
2183
  };
2088
2184
  valueFormatter: PropType<DateFormatter>;
2185
+ withNativeLevelSelect: BooleanConstructor;
2186
+ yearsSelectRange: PropType<[number, number]>;
2089
2187
  }>> & Readonly<{}>, {
2090
2188
  type: DatePickerType;
2091
2189
  clearable: boolean;
2190
+ withNativeLevelSelect: boolean;
2092
2191
  sortDates: boolean;
2093
2192
  valueFormat: string;
2094
2193
  labelSeparator: string;
@@ -2376,6 +2475,10 @@ export declare const TimePicker: import("vue").DefineComponent<import("vue").Ext
2376
2475
  value: StringConstructor;
2377
2476
  defaultValue: StringConstructor;
2378
2477
  onChange: PropType<(value: string) => void>;
2478
+ type: {
2479
+ type: PropType<"time" | "duration">;
2480
+ default: string;
2481
+ };
2379
2482
  withSeconds: BooleanConstructor;
2380
2483
  min: StringConstructor;
2381
2484
  max: StringConstructor;
@@ -2421,6 +2524,10 @@ export declare const TimePicker: import("vue").DefineComponent<import("vue").Ext
2421
2524
  value: StringConstructor;
2422
2525
  defaultValue: StringConstructor;
2423
2526
  onChange: PropType<(value: string) => void>;
2527
+ type: {
2528
+ type: PropType<"time" | "duration">;
2529
+ default: string;
2530
+ };
2424
2531
  withSeconds: BooleanConstructor;
2425
2532
  min: StringConstructor;
2426
2533
  max: StringConstructor;
@@ -2462,6 +2569,7 @@ export declare const TimePicker: import("vue").DefineComponent<import("vue").Ext
2462
2569
  }>;
2463
2570
  }>> & Readonly<{}>, {
2464
2571
  size: string | number;
2572
+ type: "time" | "duration";
2465
2573
  disabled: boolean;
2466
2574
  clearable: boolean;
2467
2575
  readOnly: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine-vue/dates",
3
- "version": "2.3.1",
3
+ "version": "2.4.0",
4
4
  "description": "Vue date and time picker components equivalent to @mantine/dates",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -40,8 +40,8 @@
40
40
  "vue": "^3.5.0"
41
41
  },
42
42
  "peerDependencies": {
43
- "@mantine-vue/core": "2.3.1",
44
- "@mantine-vue/hooks": "2.3.1",
43
+ "@mantine-vue/core": "2.4.0",
44
+ "@mantine-vue/hooks": "2.4.0",
45
45
  "dayjs": ">=1.0.0",
46
46
  "vue": "^3.5.0"
47
47
  }