sprintify-ui 0.0.95 → 0.0.96

package/dist/sprintify-ui.es.js

@@ -7490,9 +7490,9 @@ const Eh = /* @__PURE__ */ ft(wh, [["render", Sh]]), Oh = { class: "flex justify
       ]), 1032, ["url", "url-query", "default-query", "searchable", "actions", "history-mode"]);
     };
   }
-}), qh = { class: "relative" }, Rh = { class: "pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5" }, Dh = ["value", "disabled", "placeholder"], Fh = {
+}), qh = { class: "relative" }, Rh = { class: "pointer-events-none absolute top-0 left-0 flex h-10 items-center justify-center pl-2.5" }, Dh = ["value", "disabled", "placeholder"], Fh = {
   key: 0,
-  class: "absolute top-0 right-0 flex h-full items-center justify-center p-1"
+  class: "absolute top-0 right-0 flex h-10 items-center justify-center p-1"
 }, Uh = /* @__PURE__ */ me({
   __name: "BaseDatePicker",
   props: {
@@ -7527,6 +7527,10 @@ const Eh = /* @__PURE__ */ ft(wh, [["render", Sh]]), Oh = { class: "flex justify
     name: {
       default: void 0,
       type: String
+    },
+    inline: {
+      default: !1,
+      type: Boolean
     }
   },
   emits: ["update:modelValue"],
@@ -7565,6 +7569,7 @@ const Eh = /* @__PURE__ */ ft(wh, [["render", Sh]]), Oh = { class: "flex justify
         theme: "pikaday-white",
         field: a.value,
         yearRange: n.yearRange,
+        bound: !n.inline,
         i18n: {
           previousMonth: l.t("sui.previous_month"),
           nextMonth: l.t("sui.next_month"),
@@ -7620,7 +7625,7 @@ const Eh = /* @__PURE__ */ ft(wh, [["render", Sh]]), Oh = { class: "flex justify
         type: "text",
         readonly: "",
         disabled: e.disabled,
-        class: ue(["w-full rounded pl-10 pr-16 disabled:cursor-not-allowed disabled:text-slate-300", [P(r) ? "border-red-500" : "border-slate-300"]]),
+        class: ue(["h-10 w-full rounded pl-10 pr-16 disabled:cursor-not-allowed disabled:text-slate-300", [P(r) ? "border-red-500" : "border-slate-300"]]),
         placeholder: g.$t("sui.click_or_select_date")
       }, null, 10, Dh),
       P(v) && !e.disabled ? (U(), te("div", Fh, [

package/dist/types/src/components/BaseDatePicker.vue.d.ts

@@ -32,6 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: StringConstructor;
     };
+    inline: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
@@ -65,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: StringConstructor;
     };
+    inline: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -73,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: string | null | undefined;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
     minDate: Date;
     maxDate: Date;
     yearRange: number | [number, number];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDatePicker.stories.js

@@ -44,6 +44,11 @@ Disabled.args = {
   disabled: true,
 };
 
+export const Inline = Template.bind({});
+Inline.args = {
+  inline: true,
+};
+
 export const DateTimeConversion = (args) => {
   return {
     components: { BaseDatePicker, ShowValue },

package/src/components/BaseDatePicker.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="relative">
     <div
-      class="pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5"
+      class="pointer-events-none absolute top-0 left-0 flex h-10 items-center justify-center pl-2.5"
     >
       <BaseIcon
         class="relative -top-px h-5 w-5 text-slate-400"
@@ -14,13 +14,13 @@
       type="text"
       readonly
       :disabled="disabled"
-      class="w-full rounded pl-10 pr-16 disabled:cursor-not-allowed disabled:text-slate-300"
+      class="h-10 w-full rounded pl-10 pr-16 disabled:cursor-not-allowed disabled:text-slate-300"
       :class="[hasErrorInternal ? 'border-red-500' : 'border-slate-300']"
       :placeholder="$t('sui.click_or_select_date')"
     />
     <div
       v-if="modelValueFormatted && !disabled"
-      class="absolute top-0 right-0 flex h-full items-center justify-center p-1"
+      class="absolute top-0 right-0 flex h-10 items-center justify-center p-1"
     >
       <button
         type="button"
@@ -74,6 +74,10 @@ const props = defineProps({
     default: undefined,
     type: String,
   },
+  inline: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const emit = defineEmits(['update:modelValue']);
@@ -136,6 +140,7 @@ onMounted(() => {
     theme: 'pikaday-white',
     field: datepicker.value,
     yearRange: props.yearRange,
+    bound: !props.inline,
     i18n: {
       previousMonth: i18n.t('sui.previous_month'),
       nextMonth: i18n.t('sui.next_month'),