@mekari/pixel3-date-picker 0.1.14 → 0.1.15-dev.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 (44) hide show
  1. package/dist/calendar-panel.d.mts +1 -0
  2. package/dist/calendar-panel.d.ts +1 -0
  3. package/dist/calendar-panel.js +5 -1
  4. package/dist/calendar-panel.mjs +6 -6
  5. package/dist/{chunk-POFLLWXQ.mjs → chunk-3MYU3TVD.mjs} +5 -1
  6. package/dist/{chunk-3JT4YFPQ.mjs → chunk-DBA3YCBS.mjs} +6 -6
  7. package/dist/{chunk-BUCFQQMV.mjs → chunk-FXURPQON.mjs} +11 -10
  8. package/dist/{chunk-KZZDOSYP.mjs → chunk-NUOKAJQW.mjs} +2 -2
  9. package/dist/components/calendar/index.mjs +3 -3
  10. package/dist/components/calendar/table-month.mjs +2 -2
  11. package/dist/components/calendar/table-year.mjs +2 -2
  12. package/dist/composables/useCalendar.d.mts +1 -0
  13. package/dist/composables/useCalendar.d.ts +1 -0
  14. package/dist/composables/useCalendarRange.d.mts +1 -0
  15. package/dist/composables/useCalendarRange.d.ts +1 -0
  16. package/dist/composables/useTime.d.mts +1 -0
  17. package/dist/composables/useTime.d.ts +1 -0
  18. package/dist/composables/useTime.mjs +2 -2
  19. package/dist/date-picker.d.mts +1 -0
  20. package/dist/date-picker.d.ts +1 -0
  21. package/dist/date-picker.js +8 -3
  22. package/dist/date-picker.mjs +10 -10
  23. package/dist/index.d.mts +26 -16
  24. package/dist/index.d.ts +26 -16
  25. package/dist/index.js +8 -3
  26. package/dist/index.mjs +10 -10
  27. package/dist/metafile-cjs.json +1 -1
  28. package/dist/metafile-esm.json +1 -1
  29. package/dist/modules/date-picker.context.d.mts +1 -0
  30. package/dist/modules/date-picker.context.d.ts +1 -0
  31. package/dist/modules/date-picker.hooks.d.mts +1 -0
  32. package/dist/modules/date-picker.hooks.d.ts +1 -0
  33. package/dist/modules/date-picker.hooks.mjs +2 -2
  34. package/dist/modules/date-picker.props.d.mts +5 -0
  35. package/dist/modules/date-picker.props.d.ts +5 -0
  36. package/dist/modules/date-picker.props.js +5 -1
  37. package/dist/modules/date-picker.props.mjs +1 -1
  38. package/dist/time-panel.js +5 -1
  39. package/dist/time-panel.mjs +4 -4
  40. package/package.json +8 -8
  41. package/dist/{chunk-DJBNJQO4.mjs → chunk-AWUURDAF.mjs} +3 -3
  42. package/dist/{chunk-GM6YNKHL.mjs → chunk-IRNTTSB7.mjs} +3 -3
  43. package/dist/{chunk-IREXKP7J.mjs → chunk-PJ5NBVPN.mjs} +3 -3
  44. package/dist/{chunk-DSOFJL5Z.mjs → chunk-URMDAKTH.mjs} +3 -3
package/dist/calendar-panel.d.mts CHANGED
@@ -8,6 +8,7 @@ import '@mekari/pixel3-styled-system/recipes';
8
8
  import './components/parts/month.mjs';
9
9
  import './components/parts/year.mjs';
10
10
  import './modules/date-picker.types.mjs';
11
+ import '@mekari/pixel3-input';
11
12
 
12
13
  declare const CalendarPanel: vue.DefineComponent<{
13
14
  modelValue: {
package/dist/calendar-panel.d.ts CHANGED
@@ -8,6 +8,7 @@ import '@mekari/pixel3-styled-system/recipes';
8
8
  import './components/parts/month.js';
9
9
  import './components/parts/year.js';
10
10
  import './modules/date-picker.types.js';
11
+ import '@mekari/pixel3-input';
11
12
 
12
13
  declare const CalendarPanel: vue.DefineComponent<{
13
14
  modelValue: {
package/dist/calendar-panel.js CHANGED
@@ -1119,7 +1119,11 @@ var datePickerProps = {
1119
1119
  },
1120
1120
  disabledDate: calendarPanelProps.disabledDate,
1121
1121
  disabledMonth: calendarPanelProps.disabledMonth,
1122
- disabledYear: calendarPanelProps.disabledYear
1122
+ disabledYear: calendarPanelProps.disabledYear,
1123
+ inputVariant: {
1124
+ type: String,
1125
+ default: "outline"
1126
+ }
1123
1127
  };
1124
1128
 
1125
1129
  // src/modules/date-picker.context.ts
package/dist/calendar-panel.mjs CHANGED
@@ -1,12 +1,11 @@
1
1
  import {
2
2
  CalendarPanel,
3
3
  CalendarPanelRange
4
- } from "./chunk-3JT4YFPQ.mjs";
4
+ } from "./chunk-DBA3YCBS.mjs";
5
5
  import "./chunk-V6D6W7RO.mjs";
6
6
  import "./chunk-VEMADQUL.mjs";
7
- import "./chunk-DJBNJQO4.mjs";
8
- import "./chunk-DSOFJL5Z.mjs";
9
- import "./chunk-VACMCDOZ.mjs";
7
+ import "./chunk-AWUURDAF.mjs";
8
+ import "./chunk-URMDAKTH.mjs";
10
9
  import "./chunk-7CLF67SP.mjs";
11
10
  import "./chunk-IZITNJFI.mjs";
12
11
  import "./chunk-MRP3X6QP.mjs";
@@ -15,11 +14,12 @@ import "./chunk-4IRDHXCX.mjs";
15
14
  import "./chunk-QNZUHNKN.mjs";
16
15
  import "./chunk-AGAA7XTC.mjs";
17
16
  import "./chunk-2Z2S3UVF.mjs";
18
- import "./chunk-POFLLWXQ.mjs";
17
+ import "./chunk-3MYU3TVD.mjs";
19
18
  import "./chunk-OMV7LXBW.mjs";
20
19
  import "./chunk-PQQUCLMC.mjs";
21
- import "./chunk-U7O52D6B.mjs";
22
20
  import "./chunk-E5BRVBZ2.mjs";
21
+ import "./chunk-U7O52D6B.mjs";
22
+ import "./chunk-VACMCDOZ.mjs";
23
23
  import "./chunk-QZ7VFGWC.mjs";
24
24
  export {
25
25
  CalendarPanel,
package/dist/{chunk-POFLLWXQ.mjs → chunk-3MYU3TVD.mjs} RENAMED
@@ -202,7 +202,11 @@ var datePickerProps = {
202
202
  },
203
203
  disabledDate: calendarPanelProps.disabledDate,
204
204
  disabledMonth: calendarPanelProps.disabledMonth,
205
- disabledYear: calendarPanelProps.disabledYear
205
+ disabledYear: calendarPanelProps.disabledYear,
206
+ inputVariant: {
207
+ type: String,
208
+ default: "outline"
209
+ }
206
210
  };
207
211
 
208
212
  export {
package/dist/{chunk-3JT4YFPQ.mjs → chunk-DBA3YCBS.mjs} RENAMED
@@ -3,20 +3,17 @@ import {
3
3
  } from "./chunk-VEMADQUL.mjs";
4
4
  import {
5
5
  TableMonth
6
- } from "./chunk-DJBNJQO4.mjs";
6
+ } from "./chunk-AWUURDAF.mjs";
7
7
  import {
8
8
  TableYear
9
- } from "./chunk-DSOFJL5Z.mjs";
10
- import {
11
- useDatePickerContext
12
- } from "./chunk-VACMCDOZ.mjs";
9
+ } from "./chunk-URMDAKTH.mjs";
13
10
  import {
14
11
  getLocale
15
12
  } from "./chunk-7CLF67SP.mjs";
16
13
  import {
17
14
  calendarPanelProps,
18
15
  calendarPanelRangeProps
19
- } from "./chunk-POFLLWXQ.mjs";
16
+ } from "./chunk-3MYU3TVD.mjs";
20
17
  import {
21
18
  useCalendar
22
19
  } from "./chunk-OMV7LXBW.mjs";
@@ -29,6 +26,9 @@ import {
29
26
  isDateBetween,
30
27
  startOfWeek
31
28
  } 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";
package/dist/{chunk-BUCFQQMV.mjs → chunk-FXURPQON.mjs} RENAMED
@@ -1,25 +1,25 @@
1
1
  import {
2
2
  useDatePicker
3
- } from "./chunk-IREXKP7J.mjs";
3
+ } from "./chunk-PJ5NBVPN.mjs";
4
4
  import {
5
5
  CalendarPanel,
6
6
  CalendarPanelRange
7
- } from "./chunk-3JT4YFPQ.mjs";
8
- import {
9
- DatePickerProvider
10
- } from "./chunk-VACMCDOZ.mjs";
7
+ } from "./chunk-DBA3YCBS.mjs";
11
8
  import {
12
9
  TimePanel
13
- } from "./chunk-KZZDOSYP.mjs";
10
+ } from "./chunk-NUOKAJQW.mjs";
14
11
  import {
15
12
  datePickerProps
16
- } from "./chunk-POFLLWXQ.mjs";
13
+ } from "./chunk-3MYU3TVD.mjs";
14
+ import {
15
+ DatePickerProvider
16
+ } from "./chunk-VACMCDOZ.mjs";
17
17
  import {
18
18
  __name
19
19
  } from "./chunk-QZ7VFGWC.mjs";
20
20
 
21
21
  // src/date-picker.tsx
22
- import { isVNode as _isVNode, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
22
+ import { isVNode as _isVNode, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
23
23
  import { defineComponent } from "vue";
24
24
  import { MpInput, MpInputGroup, MpInputRightAddon } from "@mekari/pixel3-input";
25
25
  import { MpPopover, MpPopoverTrigger, MpPopoverContent } from "@mekari/pixel3-popover";
@@ -66,8 +66,9 @@ var MpDatePicker = defineComponent({
66
66
  variant: props.type === "time" ? "time" : "date"
67
67
  });
68
68
  const inputNode = _createVNode(MpInputGroup, null, {
69
- default: () => [_createVNode(MpInput, {
69
+ default: () => [_createVNode(MpInput, _mergeProps({
70
70
  "id": getId,
71
+ "variant": props.inputVariant,
71
72
  "placeholder": props.placeholder,
72
73
  "isClearable": props.isClearable,
73
74
  "isDisabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
@@ -89,7 +90,7 @@ var MpDatePicker = defineComponent({
89
90
  const target = e.target;
90
91
  target.focus();
91
92
  }
92
- }, null), _createVNode(MpInputRightAddon, {
93
+ }, props.inputAttr), null), _createVNode(MpInputRightAddon, {
93
94
  "id": `${getId}-right-addon`
94
95
  }, {
95
96
  default: () => [_createVNode("div", {
package/dist/{chunk-KZZDOSYP.mjs → chunk-NUOKAJQW.mjs} RENAMED
@@ -7,10 +7,10 @@ import {
7
7
  } from "./chunk-TA57NJ6O.mjs";
8
8
  import {
9
9
  timePanelProps
10
- } from "./chunk-POFLLWXQ.mjs";
10
+ } from "./chunk-3MYU3TVD.mjs";
11
11
  import {
12
12
  useTime
13
- } from "./chunk-GM6YNKHL.mjs";
13
+ } from "./chunk-IRNTTSB7.mjs";
14
14
  import {
15
15
  isValidDate
16
16
  } from "./chunk-U7O52D6B.mjs";
package/dist/components/calendar/index.mjs CHANGED
@@ -4,18 +4,18 @@ import {
4
4
  } from "../../chunk-VEMADQUL.mjs";
5
5
  import {
6
6
  TableMonth
7
- } from "../../chunk-DJBNJQO4.mjs";
7
+ } from "../../chunk-AWUURDAF.mjs";
8
8
  import {
9
9
  TableYear
10
- } from "../../chunk-DSOFJL5Z.mjs";
10
+ } from "../../chunk-URMDAKTH.mjs";
11
11
  import "../../chunk-MRP3X6QP.mjs";
12
12
  import "../../chunk-TA57NJ6O.mjs";
13
13
  import "../../chunk-4IRDHXCX.mjs";
14
14
  import "../../chunk-QNZUHNKN.mjs";
15
15
  import "../../chunk-AGAA7XTC.mjs";
16
16
  import "../../chunk-2Z2S3UVF.mjs";
17
- import "../../chunk-U7O52D6B.mjs";
18
17
  import "../../chunk-E5BRVBZ2.mjs";
18
+ import "../../chunk-U7O52D6B.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-DJBNJQO4.mjs";
3
+ } from "../../chunk-AWUURDAF.mjs";
4
4
  import "../../chunk-MRP3X6QP.mjs";
5
5
  import "../../chunk-TA57NJ6O.mjs";
6
6
  import "../../chunk-4IRDHXCX.mjs";
7
7
  import "../../chunk-QNZUHNKN.mjs";
8
8
  import "../../chunk-AGAA7XTC.mjs";
9
9
  import "../../chunk-2Z2S3UVF.mjs";
10
- import "../../chunk-U7O52D6B.mjs";
11
10
  import "../../chunk-E5BRVBZ2.mjs";
11
+ import "../../chunk-U7O52D6B.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-DSOFJL5Z.mjs";
3
+ } from "../../chunk-URMDAKTH.mjs";
4
4
  import "../../chunk-MRP3X6QP.mjs";
5
5
  import "../../chunk-TA57NJ6O.mjs";
6
6
  import "../../chunk-4IRDHXCX.mjs";
7
7
  import "../../chunk-QNZUHNKN.mjs";
8
8
  import "../../chunk-AGAA7XTC.mjs";
9
9
  import "../../chunk-2Z2S3UVF.mjs";
10
- import "../../chunk-U7O52D6B.mjs";
11
10
  import "../../chunk-E5BRVBZ2.mjs";
11
+ import "../../chunk-U7O52D6B.mjs";
12
12
  import "../../chunk-QZ7VFGWC.mjs";
13
13
  export {
14
14
  TableYear
package/dist/composables/useCalendar.d.mts CHANGED
@@ -9,6 +9,7 @@ import '@mekari/pixel3-styled-system/recipes';
9
9
  import '../components/parts/month.mjs';
10
10
  import '../components/parts/year.mjs';
11
11
  import '../modules/date-picker.types.mjs';
12
+ import '@mekari/pixel3-input';
12
13
 
13
14
  declare function useCalendar(date: Date, locale: ComputedRef): {
14
15
  currentDate: vue.Ref<{
package/dist/composables/useCalendar.d.ts CHANGED
@@ -9,6 +9,7 @@ import '@mekari/pixel3-styled-system/recipes';
9
9
  import '../components/parts/month.js';
10
10
  import '../components/parts/year.js';
11
11
  import '../modules/date-picker.types.js';
12
+ import '@mekari/pixel3-input';
12
13
 
13
14
  declare function useCalendar(date: Date, locale: ComputedRef): {
14
15
  currentDate: vue.Ref<{
package/dist/composables/useCalendarRange.d.mts CHANGED
@@ -8,6 +8,7 @@ import '@mekari/pixel3-styled-system/recipes';
8
8
  import '../components/parts/month.mjs';
9
9
  import '../components/parts/year.mjs';
10
10
  import '../modules/date-picker.types.mjs';
11
+ import '@mekari/pixel3-input';
11
12
 
12
13
  declare function useCalendarRange(props: CalendarPanelRangeProps): {
13
14
  startDate: vue.Ref<{
package/dist/composables/useCalendarRange.d.ts CHANGED
@@ -8,6 +8,7 @@ import '@mekari/pixel3-styled-system/recipes';
8
8
  import '../components/parts/month.js';
9
9
  import '../components/parts/year.js';
10
10
  import '../modules/date-picker.types.js';
11
+ import '@mekari/pixel3-input';
11
12
 
12
13
  declare function useCalendarRange(props: CalendarPanelRangeProps): {
13
14
  startDate: vue.Ref<{
package/dist/composables/useTime.d.mts CHANGED
@@ -8,6 +8,7 @@ import '@mekari/pixel3-styled-system/recipes';
8
8
  import '../components/parts/month.mjs';
9
9
  import '../components/parts/year.mjs';
10
10
  import '../modules/date-picker.types.mjs';
11
+ import '@mekari/pixel3-input';
11
12
 
12
13
  type ColumnType = 'hour' | 'minute' | 'second' | 'ampm';
13
14
  type ColumnList = {
package/dist/composables/useTime.d.ts CHANGED
@@ -8,6 +8,7 @@ import '@mekari/pixel3-styled-system/recipes';
8
8
  import '../components/parts/month.js';
9
9
  import '../components/parts/year.js';
10
10
  import '../modules/date-picker.types.js';
11
+ import '@mekari/pixel3-input';
11
12
 
12
13
  type ColumnType = 'hour' | 'minute' | 'second' | 'ampm';
13
14
  type ColumnList = {
package/dist/composables/useTime.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  useTime
3
- } from "../chunk-GM6YNKHL.mjs";
4
- import "../chunk-U7O52D6B.mjs";
3
+ } from "../chunk-IRNTTSB7.mjs";
5
4
  import "../chunk-E5BRVBZ2.mjs";
5
+ import "../chunk-U7O52D6B.mjs";
6
6
  import "../chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  useTime
package/dist/date-picker.d.mts CHANGED
@@ -1,4 +1,5 @@
1
1
  import 'vue/jsx-runtime';
2
+ import '@mekari/pixel3-input';
2
3
  export { MpDatePicker } from './index.mjs';
3
4
  import './modules/date-picker.types.mjs';
4
5
  import './modules/date-picker.props.mjs';
package/dist/date-picker.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import 'vue/jsx-runtime';
2
+ import '@mekari/pixel3-input';
2
3
  export { MpDatePicker } from './index.js';
3
4
  import './modules/date-picker.types.js';
4
5
  import './modules/date-picker.props.js';
package/dist/date-picker.js CHANGED
@@ -1145,7 +1145,11 @@ var datePickerProps = {
1145
1145
  },
1146
1146
  disabledDate: calendarPanelProps.disabledDate,
1147
1147
  disabledMonth: calendarPanelProps.disabledMonth,
1148
- disabledYear: calendarPanelProps.disabledYear
1148
+ disabledYear: calendarPanelProps.disabledYear,
1149
+ inputVariant: {
1150
+ type: String,
1151
+ default: "outline"
1152
+ }
1149
1153
  };
1150
1154
 
1151
1155
  // src/modules/date-picker.context.ts
@@ -2189,8 +2193,9 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2189
2193
  variant: props.type === "time" ? "time" : "date"
2190
2194
  });
2191
2195
  const inputNode = (0, import_vue25.createVNode)(import_pixel3_input.MpInputGroup, null, {
2192
- default: () => [(0, import_vue25.createVNode)(import_pixel3_input.MpInput, {
2196
+ default: () => [(0, import_vue25.createVNode)(import_pixel3_input.MpInput, (0, import_vue25.mergeProps)({
2193
2197
  "id": getId,
2198
+ "variant": props.inputVariant,
2194
2199
  "placeholder": props.placeholder,
2195
2200
  "isClearable": props.isClearable,
2196
2201
  "isDisabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
@@ -2212,7 +2217,7 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2212
2217
  const target = e.target;
2213
2218
  target.focus();
2214
2219
  }
2215
- }, null), (0, import_vue25.createVNode)(import_pixel3_input.MpInputRightAddon, {
2220
+ }, props.inputAttr), null), (0, import_vue25.createVNode)(import_pixel3_input.MpInputRightAddon, {
2216
2221
  "id": `${getId}-right-addon`
2217
2222
  }, {
2218
2223
  default: () => [(0, import_vue25.createVNode)("div", {
package/dist/date-picker.mjs CHANGED
@@ -1,16 +1,15 @@
1
1
  import {
2
2
  MpDatePicker
3
- } from "./chunk-BUCFQQMV.mjs";
4
- import "./chunk-IREXKP7J.mjs";
5
- import "./chunk-3JT4YFPQ.mjs";
3
+ } from "./chunk-FXURPQON.mjs";
4
+ import "./chunk-PJ5NBVPN.mjs";
5
+ import "./chunk-DBA3YCBS.mjs";
6
6
  import "./chunk-V6D6W7RO.mjs";
7
7
  import "./chunk-VEMADQUL.mjs";
8
- import "./chunk-DJBNJQO4.mjs";
9
- import "./chunk-DSOFJL5Z.mjs";
10
- import "./chunk-VACMCDOZ.mjs";
8
+ import "./chunk-AWUURDAF.mjs";
9
+ import "./chunk-URMDAKTH.mjs";
11
10
  import "./chunk-7CLF67SP.mjs";
12
11
  import "./chunk-IZITNJFI.mjs";
13
- import "./chunk-KZZDOSYP.mjs";
12
+ import "./chunk-NUOKAJQW.mjs";
14
13
  import "./chunk-OYJNIILC.mjs";
15
14
  import "./chunk-MRP3X6QP.mjs";
16
15
  import "./chunk-TA57NJ6O.mjs";
@@ -18,12 +17,13 @@ import "./chunk-4IRDHXCX.mjs";
18
17
  import "./chunk-QNZUHNKN.mjs";
19
18
  import "./chunk-AGAA7XTC.mjs";
20
19
  import "./chunk-2Z2S3UVF.mjs";
21
- import "./chunk-POFLLWXQ.mjs";
20
+ import "./chunk-3MYU3TVD.mjs";
22
21
  import "./chunk-OMV7LXBW.mjs";
23
22
  import "./chunk-PQQUCLMC.mjs";
24
- import "./chunk-GM6YNKHL.mjs";
25
- import "./chunk-U7O52D6B.mjs";
23
+ import "./chunk-IRNTTSB7.mjs";
26
24
  import "./chunk-E5BRVBZ2.mjs";
25
+ import "./chunk-U7O52D6B.mjs";
26
+ import "./chunk-VACMCDOZ.mjs";
27
27
  import "./chunk-QZ7VFGWC.mjs";
28
28
  export {
29
29
  MpDatePicker
package/dist/index.d.mts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { DatePickerValueType } from './modules/date-picker.types.mjs';
2
2
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
3
+ import * as _mekari_pixel3_input from '@mekari/pixel3-input';
3
4
  import { CalendarPanel } from './modules/date-picker.props.mjs';
4
5
  import * as vue from 'vue';
5
6
  import './components/parts/date.mjs';
@@ -14,7 +15,7 @@ declare const MpDatePicker: vue.DefineComponent<{
14
15
  type: vue.PropType<string>;
15
16
  };
16
17
  modelValue: {
17
- type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
18
+ type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
18
19
  };
19
20
  type: {
20
21
  type: vue.PropType<CalendarPanel>;
@@ -111,6 +112,10 @@ declare const MpDatePicker: vue.DefineComponent<{
111
112
  type: vue.PropType<(year: number) => boolean>;
112
113
  default: () => void;
113
114
  };
115
+ inputVariant: {
116
+ type: vue.PropType<_mekari_pixel3_input.InputVariant>;
117
+ default: string;
118
+ };
114
119
  defaultDate: {
115
120
  type: DateConstructor;
116
121
  default(): Date;
@@ -147,12 +152,12 @@ declare const MpDatePicker: vue.DefineComponent<{
147
152
  type: FunctionConstructor;
148
153
  default: () => boolean;
149
154
  };
150
- }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "update:modelValue")[], "error" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
155
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "error")[], "update:modelValue" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
151
156
  id: {
152
157
  type: vue.PropType<string>;
153
158
  };
154
159
  modelValue: {
155
- type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
160
+ type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
156
161
  };
157
162
  type: {
158
163
  type: vue.PropType<CalendarPanel>;
@@ -249,6 +254,10 @@ declare const MpDatePicker: vue.DefineComponent<{
249
254
  type: vue.PropType<(year: number) => boolean>;
250
255
  default: () => void;
251
256
  };
257
+ inputVariant: {
258
+ type: vue.PropType<_mekari_pixel3_input.InputVariant>;
259
+ default: string;
260
+ };
252
261
  defaultDate: {
253
262
  type: DateConstructor;
254
263
  default(): Date;
@@ -286,32 +295,33 @@ declare const MpDatePicker: vue.DefineComponent<{
286
295
  default: () => boolean;
287
296
  };
288
297
  }>> & {
289
- onError?: ((...args: any[]) => any) | undefined;
290
298
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
299
+ onError?: ((...args: any[]) => any) | undefined;
291
300
  }, {
292
301
  type: CalendarPanel;
302
+ valueType: DatePickerValueType;
303
+ rangeSeparator: string;
293
304
  placeholder: string;
305
+ errorMessage: string;
306
+ disabledMessage: string;
307
+ lang: Record<string, any>;
308
+ inputAttr: Record<string, any>;
309
+ contentAttr: Record<string, any>;
310
+ isRange: boolean;
294
311
  isReadOnly: boolean;
295
312
  isDisabled: boolean;
296
- isInvalid: boolean;
297
313
  isClearable: boolean;
298
- errorMessage: string;
314
+ isInvalid: boolean;
299
315
  usePortal: boolean;
300
316
  isKeepAlive: boolean;
301
- disabledMessage: string;
302
- isShowShortcut: boolean;
303
- isRange: boolean;
304
317
  isInline: boolean;
318
+ isNotClickable: boolean;
319
+ isDisableHeader: boolean;
320
+ isShowShortcut: boolean;
305
321
  disabledDate: (date: Date) => boolean;
306
322
  disabledMonth: (month: number, year: number) => boolean;
307
323
  disabledYear: (year: number) => boolean;
308
- valueType: DatePickerValueType;
309
- rangeSeparator: string;
310
- lang: Record<string, any>;
311
- inputAttr: Record<string, any>;
312
- contentAttr: Record<string, any>;
313
- isNotClickable: boolean;
314
- isDisableHeader: boolean;
324
+ inputVariant: _mekari_pixel3_input.InputVariant;
315
325
  defaultDate: Date;
316
326
  isShowHour: boolean;
317
327
  isShowMinute: boolean;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { DatePickerValueType } from './modules/date-picker.types.js';
2
2
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
3
+ import * as _mekari_pixel3_input from '@mekari/pixel3-input';
3
4
  import { CalendarPanel } from './modules/date-picker.props.js';
4
5
  import * as vue from 'vue';
5
6
  import './components/parts/date.js';
@@ -14,7 +15,7 @@ declare const MpDatePicker: vue.DefineComponent<{
14
15
  type: vue.PropType<string>;
15
16
  };
16
17
  modelValue: {
17
- type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
18
+ type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
18
19
  };
19
20
  type: {
20
21
  type: vue.PropType<CalendarPanel>;
@@ -111,6 +112,10 @@ declare const MpDatePicker: vue.DefineComponent<{
111
112
  type: vue.PropType<(year: number) => boolean>;
112
113
  default: () => void;
113
114
  };
115
+ inputVariant: {
116
+ type: vue.PropType<_mekari_pixel3_input.InputVariant>;
117
+ default: string;
118
+ };
114
119
  defaultDate: {
115
120
  type: DateConstructor;
116
121
  default(): Date;
@@ -147,12 +152,12 @@ declare const MpDatePicker: vue.DefineComponent<{
147
152
  type: FunctionConstructor;
148
153
  default: () => boolean;
149
154
  };
150
- }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "update:modelValue")[], "error" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
155
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "error")[], "update:modelValue" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
151
156
  id: {
152
157
  type: vue.PropType<string>;
153
158
  };
154
159
  modelValue: {
155
- type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
160
+ type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
156
161
  };
157
162
  type: {
158
163
  type: vue.PropType<CalendarPanel>;
@@ -249,6 +254,10 @@ declare const MpDatePicker: vue.DefineComponent<{
249
254
  type: vue.PropType<(year: number) => boolean>;
250
255
  default: () => void;
251
256
  };
257
+ inputVariant: {
258
+ type: vue.PropType<_mekari_pixel3_input.InputVariant>;
259
+ default: string;
260
+ };
252
261
  defaultDate: {
253
262
  type: DateConstructor;
254
263
  default(): Date;
@@ -286,32 +295,33 @@ declare const MpDatePicker: vue.DefineComponent<{
286
295
  default: () => boolean;
287
296
  };
288
297
  }>> & {
289
- onError?: ((...args: any[]) => any) | undefined;
290
298
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
299
+ onError?: ((...args: any[]) => any) | undefined;
291
300
  }, {
292
301
  type: CalendarPanel;
302
+ valueType: DatePickerValueType;
303
+ rangeSeparator: string;
293
304
  placeholder: string;
305
+ errorMessage: string;
306
+ disabledMessage: string;
307
+ lang: Record<string, any>;
308
+ inputAttr: Record<string, any>;
309
+ contentAttr: Record<string, any>;
310
+ isRange: boolean;
294
311
  isReadOnly: boolean;
295
312
  isDisabled: boolean;
296
- isInvalid: boolean;
297
313
  isClearable: boolean;
298
- errorMessage: string;
314
+ isInvalid: boolean;
299
315
  usePortal: boolean;
300
316
  isKeepAlive: boolean;
301
- disabledMessage: string;
302
- isShowShortcut: boolean;
303
- isRange: boolean;
304
317
  isInline: boolean;
318
+ isNotClickable: boolean;
319
+ isDisableHeader: boolean;
320
+ isShowShortcut: boolean;
305
321
  disabledDate: (date: Date) => boolean;
306
322
  disabledMonth: (month: number, year: number) => boolean;
307
323
  disabledYear: (year: number) => boolean;
308
- valueType: DatePickerValueType;
309
- rangeSeparator: string;
310
- lang: Record<string, any>;
311
- inputAttr: Record<string, any>;
312
- contentAttr: Record<string, any>;
313
- isNotClickable: boolean;
314
- isDisableHeader: boolean;
324
+ inputVariant: _mekari_pixel3_input.InputVariant;
315
325
  defaultDate: Date;
316
326
  isShowHour: boolean;
317
327
  isShowMinute: boolean;
package/dist/index.js CHANGED
@@ -1147,7 +1147,11 @@ var datePickerProps = {
1147
1147
  },
1148
1148
  disabledDate: calendarPanelProps.disabledDate,
1149
1149
  disabledMonth: calendarPanelProps.disabledMonth,
1150
- disabledYear: calendarPanelProps.disabledYear
1150
+ disabledYear: calendarPanelProps.disabledYear,
1151
+ inputVariant: {
1152
+ type: String,
1153
+ default: "outline"
1154
+ }
1151
1155
  };
1152
1156
 
1153
1157
  // src/modules/date-picker.context.ts
@@ -2191,8 +2195,9 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2191
2195
  variant: props.type === "time" ? "time" : "date"
2192
2196
  });
2193
2197
  const inputNode = (0, import_vue25.createVNode)(import_pixel3_input.MpInputGroup, null, {
2194
- default: () => [(0, import_vue25.createVNode)(import_pixel3_input.MpInput, {
2198
+ default: () => [(0, import_vue25.createVNode)(import_pixel3_input.MpInput, (0, import_vue25.mergeProps)({
2195
2199
  "id": getId,
2200
+ "variant": props.inputVariant,
2196
2201
  "placeholder": props.placeholder,
2197
2202
  "isClearable": props.isClearable,
2198
2203
  "isDisabled": (formControlProp == null ? void 0 : formControlProp.value.isDisabled) || props.isDisabled,
@@ -2214,7 +2219,7 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
2214
2219
  const target = e.target;
2215
2220
  target.focus();
2216
2221
  }
2217
- }, null), (0, import_vue25.createVNode)(import_pixel3_input.MpInputRightAddon, {
2222
+ }, props.inputAttr), null), (0, import_vue25.createVNode)(import_pixel3_input.MpInputRightAddon, {
2218
2223
  "id": `${getId}-right-addon`
2219
2224
  }, {
2220
2225
  default: () => [(0, import_vue25.createVNode)("div", {