sprintify-ui 0.6.61 → 0.6.62

package/dist/sprintify-ui.es.js

@@ -27275,7 +27275,7 @@ const SM = ["disabled", "placeholder"], _M = {
     enableTime: { type: Boolean, default: !1 },
     mode: { default: "single" },
     noCalendar: { type: Boolean, default: !1 },
-    disableDates: { type: [Array, Function], default() {
+    disableDates: { default() {
       return [];
     } }
   },

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

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     disableDates: {
-        type: import("vue").PropType<string[] | Date[] | ((date: Date) => boolean)>;
+        type: import("vue").PropType<(string | Date | ((date: Date) => boolean))[]>;
         default: () => never[];
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     disableDates: {
-        type: import("vue").PropType<string[] | Date[] | ((date: Date) => boolean)>;
+        type: import("vue").PropType<(string | Date | ((date: Date) => boolean))[]>;
         default: () => never[];
     };
 }>> & {
@@ -131,6 +131,6 @@ declare const _default: import("vue").DefineComponent<{
     showInput: boolean;
     enableTime: boolean;
     noCalendar: boolean;
-    disableDates: string[] | Date[] | ((date: Date) => boolean);
+    disableDates: (string | Date | ((date: Date) => boolean))[];
 }, {}>;
 export default _default;

package/package.json

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

package/src/components/BaseDatePicker.stories.js

@@ -81,6 +81,26 @@ DisableDates.args = {
   ],
 };
 
+const DisableMondayAndTuesdayTemplate = (args) => ({
+  components: { BaseDatePicker, ShowValue },
+  setup() {
+    const value = ref('2022-01-03');
+    const disableDates = [
+      (date) => {
+        return date.getDay() == 1 || date.getDay() == 2;
+      }
+    ]
+    return { value, args, disableDates };
+  },
+  template: `
+    <BaseDatePicker v-model="value" v-bind="args" :disableDates="disableDates">
+    </BaseDatePicker>
+    <ShowValue :value="value" />
+  `,
+});
+
+export const DisableMondayAndTuesday = DisableMondayAndTuesdayTemplate.bind({});
+
 export const RangeDisableDates = Template.bind({});
 RangeDisableDates.args = {
   disableDates: [

package/src/components/BaseDatePicker.vue

@@ -72,7 +72,7 @@ const props = withDefaults(
     enableTime?: boolean;
     mode?: 'single' | 'multiple' | 'range' | 'time';
     noCalendar?: boolean;
-    disableDates?: string[] | Date[] | ((date: Date) => boolean);
+    disableDates?: (string | Date | ((date: Date) => boolean))[];
   }>(),
   {
     modelValue: null,
@@ -167,6 +167,7 @@ const datepicker = ref(null) as Ref<HTMLInputElement | null>;
 let picker = null as Instance | null;
 
 const flatpickrConfig = computed(() => {
+
   return {
     enableTime: props.enableTime,
     dateFormat: formatInternal.value,