@mekari/pixel3-date-picker 0.0.1-dev.0

package/dist/chunk-V36XV4LV.mjs

@@ -0,0 +1,129 @@
+import {
+  CalendarPanel,
+  CalendarPanelRange
+} from "./chunk-EJCSF5VR.mjs";
+import {
+  datePickerProps
+} from "./chunk-Q3Z5ZITX.mjs";
+import {
+  DatePickerProvider
+} from "./chunk-VACMCDOZ.mjs";
+import {
+  useDatePicker
+} from "./chunk-3YYRUEIF.mjs";
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/date-picker.tsx
+import { isVNode as _isVNode, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpInput, MpInputGroup, MpInputRightAddon } from "@mekari/pixel3-input";
+import { MpPopover, MpPopoverTrigger, MpPopoverContent } from "@mekari/pixel3-popover";
+import { MpIcon } from "@mekari/pixel3-icon";
+import { datePickerSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
+}
+__name(_isSlot, "_isSlot");
+var MpDatePicker = defineComponent({
+  name: "MpDatePicker",
+  props: datePickerProps,
+  emits: ["update:modelValue", "error"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      text,
+      getId,
+      innerValue,
+      locale,
+      isOutside,
+      isPopoverOpen,
+      isInnerInvalid,
+      isUseRange,
+      onOpenPopover,
+      onBlur,
+      onClear,
+      onInputChange,
+      onEmitModelValue
+    } = useDatePicker(props, emit);
+    DatePickerProvider({
+      rootProps: props,
+      locale
+    });
+    return () => {
+      const {
+        root,
+        popoverContent
+      } = datePickerSlotRecipe();
+      const inputNode = _createVNode(MpInputGroup, null, {
+        default: () => [_createVNode(MpInput, {
+          "id": getId,
+          "placeholder": props.placeholder,
+          "isClearable": props.isClearable,
+          "isDisabled": props.isDisabled,
+          "isInvalid": props.isInvalid || isInnerInvalid.value,
+          "isReadOnly": props.isReadOnly,
+          "modelValue": text.value,
+          "onInput": onInputChange,
+          "onClear": onClear,
+          "onFocus": () => onOpenPopover(),
+          "onBlur": (e) => {
+            if (isOutside.value) {
+              onBlur();
+              return;
+            }
+            const target = e.target;
+            target.focus();
+          }
+        }, null), _createVNode(MpInputRightAddon, null, {
+          default: () => [_createVNode(MpIcon, {
+            "name": "calendar"
+          }, null)]
+        })]
+      });
+      const calendarPanelAttrs = {
+        type: props.type,
+        "onUpdate:modelValue": onEmitModelValue,
+        disabledDate: props.disabledDate,
+        disabledMonth: props.disabledMonth,
+        disabledYear: props.disabledYear
+      };
+      const panelNode = isUseRange.value ? _createVNode(CalendarPanelRange, _mergeProps(calendarPanelAttrs, {
+        "modelValue": innerValue.value
+      }), null) : _createVNode(CalendarPanel, _mergeProps(calendarPanelAttrs, {
+        "modelValue": innerValue.value
+      }), null);
+      const withPopover = _createVNode(MpPopover, {
+        "id": getId,
+        "isManual": true,
+        "isOpen": isPopoverOpen.value,
+        "isKeepAlive": props.isKeepAlive,
+        "usePortal": props.usePortal
+      }, {
+        default: () => [_createVNode(MpPopoverTrigger, null, _isSlot(inputNode) ? inputNode : {
+          default: () => [inputNode]
+        }), _createVNode(MpPopoverContent, {
+          "class": popoverContent,
+          "style": {
+            width: props.isRange ? "590px" : ""
+          },
+          "onMouseenter": () => isOutside.value = false,
+          "onMouseleave": () => isOutside.value = true
+        }, _isSlot(panelNode) ? panelNode : {
+          default: () => [panelNode]
+        })]
+      });
+      return _createVNode("div", {
+        "class": root,
+        "onMouseenter": () => isOutside.value = false,
+        "onMouseleave": () => isOutside.value = true
+      }, [props.isInline ? panelNode : withPopover]);
+    };
+  }
+});
+
+export {
+  MpDatePicker
+};

package/dist/chunk-VACMCDOZ.mjs

@@ -0,0 +1,8 @@
+// src/modules/date-picker.context.ts
+import { usePixelCreateContext } from "@mekari/pixel3-utils";
+var [DatePickerProvider, useDatePickerContext] = usePixelCreateContext("DatePickerContext");
+
+export {
+  DatePickerProvider,
+  useDatePickerContext
+};

package/dist/components/calendar/index.d.mts

@@ -0,0 +1,11 @@
+export { TableDate } from './table-date.mjs';
+export { TableMonth } from './table-month.mjs';
+export { TableYear } from './table-year.mjs';
+import 'vue';
+import 'vue/jsx-runtime';
+import '../parts/date.mjs';
+import '@mekari/pixel3-styled-system/types';
+import '@mekari/pixel3-styled-system/css';
+import '@mekari/pixel3-styled-system/recipes';
+import '../parts/month.mjs';
+import '../parts/year.mjs';

package/dist/components/calendar/index.d.ts

@@ -0,0 +1,11 @@
+export { TableDate } from './table-date.js';
+export { TableMonth } from './table-month.js';
+export { TableYear } from './table-year.js';
+import 'vue';
+import 'vue/jsx-runtime';
+import '../parts/date.js';
+import '@mekari/pixel3-styled-system/types';
+import '@mekari/pixel3-styled-system/css';
+import '@mekari/pixel3-styled-system/recipes';
+import '../parts/month.js';
+import '../parts/year.js';