@mekari/pixel3-date-picker 0.1.15-dev.0 → 0.1.15

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-EOFICFAT.mjs → chunk-CEJ6GHDC.mjs} +6 -6
  7. package/dist/{chunk-IP32HVKI.mjs → chunk-CQCUVHTB.mjs} +11 -10
  8. package/dist/{chunk-OJLYWFYI.mjs → chunk-R267RUCY.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 +10 -0
  24. package/dist/index.d.ts +10 -0
  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-AWUURDAF.mjs → chunk-DJBNJQO4.mjs} +3 -3
  42. package/dist/{chunk-URMDAKTH.mjs → chunk-DSOFJL5Z.mjs} +3 -3
  43. package/dist/{chunk-IRNTTSB7.mjs → chunk-GM6YNKHL.mjs} +3 -3
  44. package/dist/{chunk-PJ5NBVPN.mjs → chunk-IREXKP7J.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,11 +1,12 @@
1
1
  import {
2
2
  CalendarPanel,
3
3
  CalendarPanelRange
4
- } from "./chunk-EOFICFAT.mjs";
4
+ } from "./chunk-CEJ6GHDC.mjs";
5
5
  import "./chunk-V6D6W7RO.mjs";
6
6
  import "./chunk-VEMADQUL.mjs";
7
- import "./chunk-AWUURDAF.mjs";
8
- import "./chunk-URMDAKTH.mjs";
7
+ import "./chunk-DJBNJQO4.mjs";
8
+ import "./chunk-DSOFJL5Z.mjs";
9
+ import "./chunk-VACMCDOZ.mjs";
9
10
  import "./chunk-7CLF67SP.mjs";
10
11
  import "./chunk-IZITNJFI.mjs";
11
12
  import "./chunk-MRP3X6QP.mjs";
@@ -14,12 +15,11 @@ import "./chunk-4IRDHXCX.mjs";
14
15
  import "./chunk-QNZUHNKN.mjs";
15
16
  import "./chunk-AGAA7XTC.mjs";
16
17
  import "./chunk-2Z2S3UVF.mjs";
17
- import "./chunk-POFLLWXQ.mjs";
18
+ import "./chunk-3MYU3TVD.mjs";
18
19
  import "./chunk-OMV7LXBW.mjs";
19
20
  import "./chunk-PQQUCLMC.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-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-EOFICFAT.mjs → chunk-CEJ6GHDC.mjs} RENAMED
@@ -3,17 +3,20 @@ import {
3
3
  } from "./chunk-VEMADQUL.mjs";
4
4
  import {
5
5
  TableMonth
6
- } from "./chunk-AWUURDAF.mjs";
6
+ } from "./chunk-DJBNJQO4.mjs";
7
7
  import {
8
8
  TableYear
9
- } from "./chunk-URMDAKTH.mjs";
9
+ } from "./chunk-DSOFJL5Z.mjs";
10
+ import {
11
+ useDatePickerContext
12
+ } from "./chunk-VACMCDOZ.mjs";
10
13
  import {
11
14
  getLocale
12
15
  } from "./chunk-7CLF67SP.mjs";
13
16
  import {
14
17
  calendarPanelProps,
15
18
  calendarPanelRangeProps
16
- } from "./chunk-POFLLWXQ.mjs";
19
+ } from "./chunk-3MYU3TVD.mjs";
17
20
  import {
18
21
  useCalendar
19
22
  } from "./chunk-OMV7LXBW.mjs";
@@ -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";
package/dist/{chunk-IP32HVKI.mjs → chunk-CQCUVHTB.mjs} RENAMED
@@ -1,25 +1,25 @@
1
1
  import {
2
2
  useDatePicker
3
- } from "./chunk-PJ5NBVPN.mjs";
3
+ } from "./chunk-IREXKP7J.mjs";
4
4
  import {
5
5
  CalendarPanel,
6
6
  CalendarPanelRange
7
- } from "./chunk-EOFICFAT.mjs";
7
+ } from "./chunk-CEJ6GHDC.mjs";
8
+ import {
9
+ DatePickerProvider
10
+ } from "./chunk-VACMCDOZ.mjs";
8
11
  import {
9
12
  TimePanel
10
- } from "./chunk-OJLYWFYI.mjs";
13
+ } from "./chunk-R267RUCY.mjs";
11
14
  import {
12
15
  datePickerProps
13
- } from "./chunk-POFLLWXQ.mjs";
14
- import {
15
- DatePickerProvider
16
- } from "./chunk-VACMCDOZ.mjs";
16
+ } from "./chunk-3MYU3TVD.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-OJLYWFYI.mjs → chunk-R267RUCY.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-IRNTTSB7.mjs";
13
+ } from "./chunk-GM6YNKHL.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-AWUURDAF.mjs";
7
+ } from "../../chunk-DJBNJQO4.mjs";
8
8
  import {
9
9
  TableYear
10
- } from "../../chunk-URMDAKTH.mjs";
10
+ } from "../../chunk-DSOFJL5Z.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-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-AWUURDAF.mjs";
3
+ } from "../../chunk-DJBNJQO4.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-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-URMDAKTH.mjs";
3
+ } from "../../chunk-DSOFJL5Z.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-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/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-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.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,15 +1,16 @@
1
1
  import {
2
2
  MpDatePicker
3
- } from "./chunk-IP32HVKI.mjs";
4
- import "./chunk-PJ5NBVPN.mjs";
5
- import "./chunk-EOFICFAT.mjs";
3
+ } from "./chunk-CQCUVHTB.mjs";
4
+ import "./chunk-IREXKP7J.mjs";
5
+ import "./chunk-CEJ6GHDC.mjs";
6
6
  import "./chunk-V6D6W7RO.mjs";
7
7
  import "./chunk-VEMADQUL.mjs";
8
- import "./chunk-AWUURDAF.mjs";
9
- import "./chunk-URMDAKTH.mjs";
8
+ import "./chunk-DJBNJQO4.mjs";
9
+ import "./chunk-DSOFJL5Z.mjs";
10
+ import "./chunk-VACMCDOZ.mjs";
10
11
  import "./chunk-7CLF67SP.mjs";
11
12
  import "./chunk-IZITNJFI.mjs";
12
- import "./chunk-OJLYWFYI.mjs";
13
+ import "./chunk-R267RUCY.mjs";
13
14
  import "./chunk-OYJNIILC.mjs";
14
15
  import "./chunk-MRP3X6QP.mjs";
15
16
  import "./chunk-TA57NJ6O.mjs";
@@ -17,13 +18,12 @@ import "./chunk-4IRDHXCX.mjs";
17
18
  import "./chunk-QNZUHNKN.mjs";
18
19
  import "./chunk-AGAA7XTC.mjs";
19
20
  import "./chunk-2Z2S3UVF.mjs";
20
- import "./chunk-POFLLWXQ.mjs";
21
+ import "./chunk-3MYU3TVD.mjs";
21
22
  import "./chunk-OMV7LXBW.mjs";
22
23
  import "./chunk-PQQUCLMC.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.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';
@@ -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;
@@ -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;
@@ -312,6 +321,7 @@ declare const MpDatePicker: vue.DefineComponent<{
312
321
  disabledDate: (date: Date) => boolean;
313
322
  disabledMonth: (month: number, year: number) => boolean;
314
323
  disabledYear: (year: number) => 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';
@@ -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;
@@ -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;
@@ -312,6 +321,7 @@ declare const MpDatePicker: vue.DefineComponent<{
312
321
  disabledDate: (date: Date) => boolean;
313
322
  disabledMonth: (month: number, year: number) => boolean;
314
323
  disabledYear: (year: number) => 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", {
package/dist/index.mjs CHANGED
@@ -1,16 +1,17 @@
1
1
  import "./chunk-R7OV3NVO.mjs";
2
2
  import {
3
3
  MpDatePicker
4
- } from "./chunk-IP32HVKI.mjs";
5
- import "./chunk-PJ5NBVPN.mjs";
6
- import "./chunk-EOFICFAT.mjs";
4
+ } from "./chunk-CQCUVHTB.mjs";
5
+ import "./chunk-IREXKP7J.mjs";
6
+ import "./chunk-CEJ6GHDC.mjs";
7
7
  import "./chunk-V6D6W7RO.mjs";
8
8
  import "./chunk-VEMADQUL.mjs";
9
- import "./chunk-AWUURDAF.mjs";
10
- import "./chunk-URMDAKTH.mjs";
9
+ import "./chunk-DJBNJQO4.mjs";
10
+ import "./chunk-DSOFJL5Z.mjs";
11
+ import "./chunk-VACMCDOZ.mjs";
11
12
  import "./chunk-7CLF67SP.mjs";
12
13
  import "./chunk-IZITNJFI.mjs";
13
- import "./chunk-OJLYWFYI.mjs";
14
+ import "./chunk-R267RUCY.mjs";
14
15
  import "./chunk-OYJNIILC.mjs";
15
16
  import "./chunk-MRP3X6QP.mjs";
16
17
  import "./chunk-TA57NJ6O.mjs";
@@ -18,13 +19,12 @@ import "./chunk-4IRDHXCX.mjs";
18
19
  import "./chunk-QNZUHNKN.mjs";
19
20
  import "./chunk-AGAA7XTC.mjs";
20
21
  import "./chunk-2Z2S3UVF.mjs";
21
- import "./chunk-POFLLWXQ.mjs";
22
+ import "./chunk-3MYU3TVD.mjs";
22
23
  import "./chunk-OMV7LXBW.mjs";
23
24
  import "./chunk-PQQUCLMC.mjs";
24
- import "./chunk-IRNTTSB7.mjs";
25
- import "./chunk-E5BRVBZ2.mjs";
25
+ import "./chunk-GM6YNKHL.mjs";
26
26
  import "./chunk-U7O52D6B.mjs";
27
- import "./chunk-VACMCDOZ.mjs";
27
+ import "./chunk-E5BRVBZ2.mjs";
28
28
  import "./chunk-QZ7VFGWC.mjs";
29
29
  export {
30
30
  MpDatePicker