@mekari/pixel3-date-picker 0.1.3-dev.1 → 0.1.3-dev.3

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 (22) hide show
  1. package/dist/calendar-panel.js +3 -0
  2. package/dist/calendar-panel.mjs +5 -5
  3. package/dist/{chunk-XZDAH4D6.mjs → chunk-DY7X2FCM.mjs} +15 -9
  4. package/dist/{chunk-MO5D3TCF.mjs → chunk-GNIFTZAQ.mjs} +1 -1
  5. package/dist/{chunk-FPRON3EM.mjs → chunk-PHZN7MND.mjs} +8 -5
  6. package/dist/components/calendar/index.mjs +3 -3
  7. package/dist/components/calendar/table-month.mjs +2 -2
  8. package/dist/components/calendar/table-year.mjs +2 -2
  9. package/dist/composables/useTime.mjs +2 -2
  10. package/dist/date-picker.js +12 -3
  11. package/dist/date-picker.mjs +9 -9
  12. package/dist/index.js +12 -3
  13. package/dist/index.mjs +9 -9
  14. package/dist/metafile-cjs.json +1 -1
  15. package/dist/metafile-esm.json +1 -1
  16. package/dist/modules/date-picker.hooks.mjs +2 -2
  17. package/dist/time-panel.mjs +3 -3
  18. package/package.json +7 -6
  19. package/dist/{chunk-IRNTTSB7.mjs → chunk-GM6YNKHL.mjs} +3 -3
  20. package/dist/{chunk-P7JOEQIL.mjs → chunk-RSY2RPZ5.mjs} +3 -3
  21. package/dist/{chunk-5MFHZK63.mjs → chunk-USF7FK4F.mjs} +3 -3
  22. package/dist/{chunk-O43S64IA.mjs → chunk-UWISN7RG.mjs} +3 -3
package/dist/calendar-panel.js CHANGED
@@ -1545,6 +1545,9 @@ var CalendarPanelRange = (0, import_vue20.defineComponent)({
1545
1545
  getDateStatus,
1546
1546
  getMonthStatus,
1547
1547
  getYearStatus,
1548
+ disabledDate: props.disabledDate,
1549
+ disabledMonth: props.disabledMonth,
1550
+ disabledYear: props.disabledYear,
1548
1551
  "onUpdate:modelValue": (date) => onSelectDate(date),
1549
1552
  onMouseEnter: (date) => setHoveredDate(date),
1550
1553
  onMouseLeave: () => setHoveredDate(void 0)
package/dist/calendar-panel.mjs CHANGED
@@ -1,13 +1,14 @@
1
1
  import {
2
2
  CalendarPanel,
3
3
  CalendarPanelRange
4
- } from "./chunk-FPRON3EM.mjs";
4
+ } from "./chunk-PHZN7MND.mjs";
5
+ import "./chunk-VACMCDOZ.mjs";
5
6
  import "./chunk-7CLF67SP.mjs";
6
7
  import "./chunk-IZITNJFI.mjs";
7
8
  import "./chunk-V6D6W7RO.mjs";
8
9
  import "./chunk-64EO4HV7.mjs";
9
- import "./chunk-5MFHZK63.mjs";
10
- import "./chunk-O43S64IA.mjs";
10
+ import "./chunk-USF7FK4F.mjs";
11
+ import "./chunk-UWISN7RG.mjs";
11
12
  import "./chunk-5VRVDIXN.mjs";
12
13
  import "./chunk-MRP3X6QP.mjs";
13
14
  import "./chunk-EQWT6VDG.mjs";
@@ -17,9 +18,8 @@ import "./chunk-3VROFGJH.mjs";
17
18
  import "./chunk-KTYQJMW4.mjs";
18
19
  import "./chunk-OMV7LXBW.mjs";
19
20
  import "./chunk-WK62QUOT.mjs";
20
- import "./chunk-E5BRVBZ2.mjs";
21
21
  import "./chunk-U7O52D6B.mjs";
22
- import "./chunk-VACMCDOZ.mjs";
22
+ import "./chunk-E5BRVBZ2.mjs";
23
23
  import "./chunk-QZ7VFGWC.mjs";
24
24
  export {
25
25
  CalendarPanel,
package/dist/{chunk-XZDAH4D6.mjs → chunk-DY7X2FCM.mjs} RENAMED
@@ -1,19 +1,19 @@
1
1
  import {
2
2
  useDatePicker
3
- } from "./chunk-P7JOEQIL.mjs";
3
+ } from "./chunk-RSY2RPZ5.mjs";
4
4
  import {
5
5
  CalendarPanel,
6
6
  CalendarPanelRange
7
- } from "./chunk-FPRON3EM.mjs";
7
+ } from "./chunk-PHZN7MND.mjs";
8
+ import {
9
+ DatePickerProvider
10
+ } from "./chunk-VACMCDOZ.mjs";
8
11
  import {
9
12
  TimePanel
10
- } from "./chunk-MO5D3TCF.mjs";
13
+ } from "./chunk-GNIFTZAQ.mjs";
11
14
  import {
12
15
  datePickerProps
13
16
  } from "./chunk-5VRVDIXN.mjs";
14
- import {
15
- DatePickerProvider
16
- } from "./chunk-VACMCDOZ.mjs";
17
17
  import {
18
18
  __name
19
19
  } from "./chunk-QZ7VFGWC.mjs";
@@ -25,6 +25,7 @@ import { MpInput, MpInputGroup, MpInputRightAddon } from "@mekari/pixel3-input";
25
25
  import { MpPopover, MpPopoverTrigger, MpPopoverContent } from "@mekari/pixel3-popover";
26
26
  import { MpIcon } from "@mekari/pixel3-icon";
27
27
  import { datePickerSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
28
+ import { useFormControlContext } from "@mekari/pixel3-form-control";
28
29
  function _isSlot(s) {
29
30
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
30
31
  }
@@ -52,6 +53,7 @@ var MpDatePicker = defineComponent({
52
53
  onEmitModelValue,
53
54
  handleForceFocusToInput
54
55
  } = useDatePicker(props, emit);
56
+ const formControlProp = useFormControlContext();
55
57
  DatePickerProvider({
56
58
  rootProps: props,
57
59
  locale
@@ -68,9 +70,13 @@ var MpDatePicker = defineComponent({
68
70
  "id": getId,
69
71
  "placeholder": props.placeholder,
70
72
  "isClearable": props.isClearable,
71
- "isDisabled": props.isDisabled,
72
- "isInvalid": props.isInvalid || isInnerInvalid.value,
73
- "isReadOnly": props.isReadOnly,
73
+ "isDisabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
74
+ "isInvalid": (formControlProp == null ? void 0 : formControlProp.value.isInvalid) || props.isInvalid || isInnerInvalid.value,
75
+ "isReadOnly": (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
76
+ "aria-readonly": (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
77
+ "aria-disabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
78
+ "aria-invalid": (formControlProp == null ? void 0 : formControlProp.value.isInvalid) || props.isInvalid,
79
+ "aria-required": formControlProp == null ? void 0 : formControlProp.value.isRequired,
74
80
  "modelValue": text.value,
75
81
  "onInput": onInputChange,
76
82
  "onClear": onClear,
package/dist/{chunk-MO5D3TCF.mjs → chunk-GNIFTZAQ.mjs} RENAMED
@@ -10,7 +10,7 @@ import {
10
10
  } from "./chunk-KTYQJMW4.mjs";
11
11
  import {
12
12
  useTime
13
- } from "./chunk-IRNTTSB7.mjs";
13
+ } from "./chunk-GM6YNKHL.mjs";
14
14
  import {
15
15
  isValidDate
16
16
  } from "./chunk-U7O52D6B.mjs";
package/dist/{chunk-FPRON3EM.mjs → chunk-PHZN7MND.mjs} RENAMED
@@ -1,3 +1,6 @@
1
+ import {
2
+ useDatePickerContext
3
+ } from "./chunk-VACMCDOZ.mjs";
1
4
  import {
2
5
  getLocale
3
6
  } from "./chunk-7CLF67SP.mjs";
@@ -6,10 +9,10 @@ import {
6
9
  } from "./chunk-64EO4HV7.mjs";
7
10
  import {
8
11
  TableMonth
9
- } from "./chunk-5MFHZK63.mjs";
12
+ } from "./chunk-USF7FK4F.mjs";
10
13
  import {
11
14
  TableYear
12
- } from "./chunk-O43S64IA.mjs";
15
+ } from "./chunk-UWISN7RG.mjs";
13
16
  import {
14
17
  calendarPanelProps,
15
18
  calendarPanelRangeProps
@@ -26,9 +29,6 @@ import {
26
29
  isDateBetween,
27
30
  startOfWeek
28
31
  } from "./chunk-U7O52D6B.mjs";
29
- import {
30
- useDatePickerContext
31
- } from "./chunk-VACMCDOZ.mjs";
32
32
  import {
33
33
  __name
34
34
  } from "./chunk-QZ7VFGWC.mjs";
@@ -456,6 +456,9 @@ var CalendarPanelRange = defineComponent({
456
456
  getDateStatus,
457
457
  getMonthStatus,
458
458
  getYearStatus,
459
+ disabledDate: props.disabledDate,
460
+ disabledMonth: props.disabledMonth,
461
+ disabledYear: props.disabledYear,
459
462
  "onUpdate:modelValue": (date) => onSelectDate(date),
460
463
  onMouseEnter: (date) => setHoveredDate(date),
461
464
  onMouseLeave: () => setHoveredDate(void 0)
package/dist/components/calendar/index.mjs CHANGED
@@ -4,18 +4,18 @@ import {
4
4
  } from "../../chunk-64EO4HV7.mjs";
5
5
  import {
6
6
  TableMonth
7
- } from "../../chunk-5MFHZK63.mjs";
7
+ } from "../../chunk-USF7FK4F.mjs";
8
8
  import {
9
9
  TableYear
10
- } from "../../chunk-O43S64IA.mjs";
10
+ } from "../../chunk-UWISN7RG.mjs";
11
11
  import "../../chunk-MRP3X6QP.mjs";
12
12
  import "../../chunk-EQWT6VDG.mjs";
13
13
  import "../../chunk-J5BK7Z2U.mjs";
14
14
  import "../../chunk-AGAA7XTC.mjs";
15
15
  import "../../chunk-3VROFGJH.mjs";
16
16
  import "../../chunk-KTYQJMW4.mjs";
17
- import "../../chunk-E5BRVBZ2.mjs";
18
17
  import "../../chunk-U7O52D6B.mjs";
18
+ import "../../chunk-E5BRVBZ2.mjs";
19
19
  import "../../chunk-QZ7VFGWC.mjs";
20
20
  export {
21
21
  TableDate,
package/dist/components/calendar/table-month.mjs CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  TableMonth
3
- } from "../../chunk-5MFHZK63.mjs";
3
+ } from "../../chunk-USF7FK4F.mjs";
4
4
  import "../../chunk-MRP3X6QP.mjs";
5
5
  import "../../chunk-EQWT6VDG.mjs";
6
6
  import "../../chunk-J5BK7Z2U.mjs";
7
7
  import "../../chunk-AGAA7XTC.mjs";
8
8
  import "../../chunk-3VROFGJH.mjs";
9
9
  import "../../chunk-KTYQJMW4.mjs";
10
- import "../../chunk-E5BRVBZ2.mjs";
11
10
  import "../../chunk-U7O52D6B.mjs";
11
+ import "../../chunk-E5BRVBZ2.mjs";
12
12
  import "../../chunk-QZ7VFGWC.mjs";
13
13
  export {
14
14
  TableMonth
package/dist/components/calendar/table-year.mjs CHANGED
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  TableYear
3
- } from "../../chunk-O43S64IA.mjs";
3
+ } from "../../chunk-UWISN7RG.mjs";
4
4
  import "../../chunk-MRP3X6QP.mjs";
5
5
  import "../../chunk-EQWT6VDG.mjs";
6
6
  import "../../chunk-J5BK7Z2U.mjs";
7
7
  import "../../chunk-AGAA7XTC.mjs";
8
8
  import "../../chunk-3VROFGJH.mjs";
9
9
  import "../../chunk-KTYQJMW4.mjs";
10
- import "../../chunk-E5BRVBZ2.mjs";
11
10
  import "../../chunk-U7O52D6B.mjs";
11
+ import "../../chunk-E5BRVBZ2.mjs";
12
12
  import "../../chunk-QZ7VFGWC.mjs";
13
13
  export {
14
14
  TableYear
package/dist/composables/useTime.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  useTime
3
- } from "../chunk-IRNTTSB7.mjs";
4
- import "../chunk-E5BRVBZ2.mjs";
3
+ } from "../chunk-GM6YNKHL.mjs";
5
4
  import "../chunk-U7O52D6B.mjs";
5
+ import "../chunk-E5BRVBZ2.mjs";
6
6
  import "../chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  useTime
package/dist/date-picker.js CHANGED
@@ -1571,6 +1571,9 @@ var CalendarPanelRange = (0, import_vue20.defineComponent)({
1571
1571
  getDateStatus,
1572
1572
  getMonthStatus,
1573
1573
  getYearStatus,
1574
+ disabledDate: props.disabledDate,
1575
+ disabledMonth: props.disabledMonth,
1576
+ disabledYear: props.disabledYear,
1574
1577
  "onUpdate:modelValue": (date) => onSelectDate(date),
1575
1578
  onMouseEnter: (date) => setHoveredDate(date),
1576
1579
  onMouseLeave: () => setHoveredDate(void 0)
@@ -2101,6 +2104,7 @@ __name(useDatePicker, "useDatePicker");
2101
2104
 
2102
2105
  // src/date-picker.tsx
2103
2106
  var import_recipes10 = require("@mekari/pixel3-styled-system/recipes");
2107
+ var import_pixel3_form_control = require("@mekari/pixel3-form-control");
2104
2108
  function _isSlot(s) {
2105
2109
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue25.isVNode)(s);
2106
2110
  }
@@ -2128,6 +2132,7 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2128
2132
  onEmitModelValue,
2129
2133
  handleForceFocusToInput
2130
2134
  } = useDatePicker(props, emit);
2135
+ const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
2131
2136
  DatePickerProvider({
2132
2137
  rootProps: props,
2133
2138
  locale: locale2
@@ -2144,9 +2149,13 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2144
2149
  "id": getId,
2145
2150
  "placeholder": props.placeholder,
2146
2151
  "isClearable": props.isClearable,
2147
- "isDisabled": props.isDisabled,
2148
- "isInvalid": props.isInvalid || isInnerInvalid.value,
2149
- "isReadOnly": props.isReadOnly,
2152
+ "isDisabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
2153
+ "isInvalid": (formControlProp == null ? void 0 : formControlProp.value.isInvalid) || props.isInvalid || isInnerInvalid.value,
2154
+ "isReadOnly": (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
2155
+ "aria-readonly": (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
2156
+ "aria-disabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
2157
+ "aria-invalid": (formControlProp == null ? void 0 : formControlProp.value.isInvalid) || props.isInvalid,
2158
+ "aria-required": formControlProp == null ? void 0 : formControlProp.value.isRequired,
2150
2159
  "modelValue": text.value,
2151
2160
  "onInput": onInputChange,
2152
2161
  "onClear": onClear,
package/dist/date-picker.mjs CHANGED
@@ -1,15 +1,16 @@
1
1
  import {
2
2
  MpDatePicker
3
- } from "./chunk-XZDAH4D6.mjs";
4
- import "./chunk-P7JOEQIL.mjs";
5
- import "./chunk-FPRON3EM.mjs";
3
+ } from "./chunk-DY7X2FCM.mjs";
4
+ import "./chunk-RSY2RPZ5.mjs";
5
+ import "./chunk-PHZN7MND.mjs";
6
+ import "./chunk-VACMCDOZ.mjs";
6
7
  import "./chunk-7CLF67SP.mjs";
7
8
  import "./chunk-IZITNJFI.mjs";
8
9
  import "./chunk-V6D6W7RO.mjs";
9
10
  import "./chunk-64EO4HV7.mjs";
10
- import "./chunk-5MFHZK63.mjs";
11
- import "./chunk-O43S64IA.mjs";
12
- import "./chunk-MO5D3TCF.mjs";
11
+ import "./chunk-USF7FK4F.mjs";
12
+ import "./chunk-UWISN7RG.mjs";
13
+ import "./chunk-GNIFTZAQ.mjs";
13
14
  import "./chunk-OYJNIILC.mjs";
14
15
  import "./chunk-5VRVDIXN.mjs";
15
16
  import "./chunk-MRP3X6QP.mjs";
@@ -20,10 +21,9 @@ import "./chunk-3VROFGJH.mjs";
20
21
  import "./chunk-KTYQJMW4.mjs";
21
22
  import "./chunk-OMV7LXBW.mjs";
22
23
  import "./chunk-WK62QUOT.mjs";
23
- import "./chunk-IRNTTSB7.mjs";
24
- import "./chunk-E5BRVBZ2.mjs";
24
+ import "./chunk-GM6YNKHL.mjs";
25
25
  import "./chunk-U7O52D6B.mjs";
26
- import "./chunk-VACMCDOZ.mjs";
26
+ import "./chunk-E5BRVBZ2.mjs";
27
27
  import "./chunk-QZ7VFGWC.mjs";
28
28
  export {
29
29
  MpDatePicker
package/dist/index.js CHANGED
@@ -1573,6 +1573,9 @@ var CalendarPanelRange = (0, import_vue20.defineComponent)({
1573
1573
  getDateStatus,
1574
1574
  getMonthStatus,
1575
1575
  getYearStatus,
1576
+ disabledDate: props.disabledDate,
1577
+ disabledMonth: props.disabledMonth,
1578
+ disabledYear: props.disabledYear,
1576
1579
  "onUpdate:modelValue": (date) => onSelectDate(date),
1577
1580
  onMouseEnter: (date) => setHoveredDate(date),
1578
1581
  onMouseLeave: () => setHoveredDate(void 0)
@@ -2103,6 +2106,7 @@ __name(useDatePicker, "useDatePicker");
2103
2106
 
2104
2107
  // src/date-picker.tsx
2105
2108
  var import_recipes10 = require("@mekari/pixel3-styled-system/recipes");
2109
+ var import_pixel3_form_control = require("@mekari/pixel3-form-control");
2106
2110
  function _isSlot(s) {
2107
2111
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue25.isVNode)(s);
2108
2112
  }
@@ -2130,6 +2134,7 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2130
2134
  onEmitModelValue,
2131
2135
  handleForceFocusToInput
2132
2136
  } = useDatePicker(props, emit);
2137
+ const formControlProp = (0, import_pixel3_form_control.useFormControlContext)();
2133
2138
  DatePickerProvider({
2134
2139
  rootProps: props,
2135
2140
  locale: locale2
@@ -2146,9 +2151,13 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2146
2151
  "id": getId,
2147
2152
  "placeholder": props.placeholder,
2148
2153
  "isClearable": props.isClearable,
2149
- "isDisabled": props.isDisabled,
2150
- "isInvalid": props.isInvalid || isInnerInvalid.value,
2151
- "isReadOnly": props.isReadOnly,
2154
+ "isDisabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
2155
+ "isInvalid": (formControlProp == null ? void 0 : formControlProp.value.isInvalid) || props.isInvalid || isInnerInvalid.value,
2156
+ "isReadOnly": (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
2157
+ "aria-readonly": (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || props.isReadOnly,
2158
+ "aria-disabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
2159
+ "aria-invalid": (formControlProp == null ? void 0 : formControlProp.value.isInvalid) || props.isInvalid,
2160
+ "aria-required": formControlProp == null ? void 0 : formControlProp.value.isRequired,
2152
2161
  "modelValue": text.value,
2153
2162
  "onInput": onInputChange,
2154
2163
  "onClear": onClear,
package/dist/index.mjs CHANGED
@@ -1,15 +1,16 @@
1
1
  import {
2
2
  MpDatePicker
3
- } from "./chunk-XZDAH4D6.mjs";
4
- import "./chunk-P7JOEQIL.mjs";
5
- import "./chunk-FPRON3EM.mjs";
3
+ } from "./chunk-DY7X2FCM.mjs";
4
+ import "./chunk-RSY2RPZ5.mjs";
5
+ import "./chunk-PHZN7MND.mjs";
6
+ import "./chunk-VACMCDOZ.mjs";
6
7
  import "./chunk-7CLF67SP.mjs";
7
8
  import "./chunk-IZITNJFI.mjs";
8
9
  import "./chunk-V6D6W7RO.mjs";
9
10
  import "./chunk-64EO4HV7.mjs";
10
- import "./chunk-5MFHZK63.mjs";
11
- import "./chunk-O43S64IA.mjs";
12
- import "./chunk-MO5D3TCF.mjs";
11
+ import "./chunk-USF7FK4F.mjs";
12
+ import "./chunk-UWISN7RG.mjs";
13
+ import "./chunk-GNIFTZAQ.mjs";
13
14
  import "./chunk-OYJNIILC.mjs";
14
15
  import "./chunk-5VRVDIXN.mjs";
15
16
  import "./chunk-MRP3X6QP.mjs";
@@ -20,10 +21,9 @@ import "./chunk-3VROFGJH.mjs";
20
21
  import "./chunk-KTYQJMW4.mjs";
21
22
  import "./chunk-OMV7LXBW.mjs";
22
23
  import "./chunk-WK62QUOT.mjs";
23
- import "./chunk-IRNTTSB7.mjs";
24
- import "./chunk-E5BRVBZ2.mjs";
24
+ import "./chunk-GM6YNKHL.mjs";
25
25
  import "./chunk-U7O52D6B.mjs";
26
- import "./chunk-VACMCDOZ.mjs";
26
+ import "./chunk-E5BRVBZ2.mjs";
27
27
  import "./chunk-QZ7VFGWC.mjs";
28
28
  export {
29
29
  MpDatePicker