maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 4.45 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,defineAsyncComponent,defineComponent,normalizeClass,openBlock,ref,unref}from"vue";import dayjs from"dayjs";import '../assets/MazPickerContainer.CqMyVj6l.css';var _hoisted_1={class:`m-date-picker-container__wrapper`};var MazPickerContainer_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerContainer`,props:{modelValue:{},calendarDate:{},color:{},locale:{},hideHeader:{type:Boolean},firstDayOfWeek:{},double:{type:Boolean},hasDate:{type:Boolean},minDate:{},maxDate:{},inline:{type:Boolean},shortcuts:{type:[Array,Boolean]},shortcut:{},hasTime:{type:Boolean},format:{},isHour12:{type:Boolean},formatterOptions:{},minuteInterval:{},disabled:{type:Boolean},disabledWeekly:{},disabledHours:{},disabledDates:{},range:{type:Boolean}},emits:[`update:model-value`,`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let emits=__emit;let MazPickerCalendar=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerCalendar.js`));let MazPickerHeader=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerHeader.js`));let MazPickerTime=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerTime.js`));let lastTimeValue=ref(typeof __props.modelValue==`string`&&__props.hasTime?dayjs(__props.modelValue).format(`HH:mm`):`00:00`);function saveLastTimeValue(value){lastTimeValue.value=dayjs(value).format(`HH:mm`),emits(`update:model-value`,value)}function emitDateValue(value){__props.hasTime?emits(`update:model-value`,dayjs(`${dayjs(value).format(`YYYY-MM-DD`)} ${lastTimeValue.value||`00:00`}`).format(__props.format)):emits(`update:model-value`,value)}let currentDate=computed({get:()=>__props.modelValue,set:value=>emits(`update:model-value`,value)});let currentCalendarDate=computed({get:()=>__props.calendarDate,set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-date-picker-container`,{"--has-double":__props.double,"--is-inline":__props.inline,"--has-date":__props.hasDate}])},[__props.hideHeader?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazPickerHeader),{key:0,color:__props.color,"has-time":__props.hasTime,"model-value":__props.modelValue,locale:__props.locale,"has-date":__props.hasDate,"formatter-options":__props.formatterOptions,double:__props.double,"hide-shortcuts":!__props.shortcuts,class:`m-date-picker-container__header`},null,8,[`color`,`has-time`,`model-value`,`locale`,`has-date`,`formatter-options`,`double`,`hide-shortcuts`])),createElementVNode(`div`,_hoisted_1,[__props.hasDate?(openBlock(),createBlock(unref(MazPickerCalendar),{key:0,"calendar-date":currentCalendarDate.value,"onUpdate:calendarDate":_cache[0]||=$event=>currentCalendarDate.value=$event,"model-value":currentDate.value,color:__props.color,locale:__props.locale,"has-time":__props.hasTime,double:__props.double,"min-date":__props.minDate,"max-date":__props.maxDate,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,disabled:__props.disabled,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,shortcuts:__props.shortcuts,shortcut:__props.shortcut,range:__props.range,class:`m-date-picker-container__calendar`,"onUpdate:modelValue":emitDateValue},null,8,[`calendar-date`,`model-value`,`color`,`locale`,`has-time`,`double`,`min-date`,`max-date`,`inline`,`first-day-of-week`,`disabled`,`disabled-weekly`,`disabled-dates`,`shortcuts`,`shortcut`,`range`])):createCommentVNode(``,!0),__props.hasTime?(openBlock(),createBlock(unref(MazPickerTime),{key:1,"model-value":currentDate.value,color:__props.color,locale:__props.locale,"min-date":__props.minDate,"max-date":__props.maxDate,"has-date":__props.hasDate,format:__props.format,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"minute-interval":__props.minuteInterval,"formatter-options":__props.formatterOptions,"is-hour12":__props.isHour12,class:`m-date-picker-container__time`,"onUpdate:modelValue":saveLastTimeValue},null,8,[`model-value`,`color`,`locale`,`min-date`,`max-date`,`has-date`,`format`,`disabled`,`disabled-hours`,`minute-interval`,`formatter-options`,`is-hour12`])):createCommentVNode(``,!0)])],2))}}),[[`__scopeId`,`data-v-aad199c3`]]);export{MazPickerContainer_default as t};