@archpublicwebsite/rangepicker 1.2.13 → 1.2.14

package/README.md

@@ -38,11 +38,7 @@ const dates = ref('')
 </script>
 
 <template>
-  <RangepickerInput
-    v-model="dates"
-    primary-color="#3b82f6"
-    placeholder="Check in / Check out"
-  />
+  <RangepickerInput v-model="dates" primary-color="#3b82f6" placeholder="Check in / Check out" />
 </template>
 ```
 
@@ -53,11 +49,7 @@ Full TypeScript support with exported types for type-safe development:
 ```vue
 <script setup lang="ts">
 import { ref } from 'vue'
-import {
-  RangepickerInput,
-  type RangepickerProps,
-  type DateRange
-} from '@archpublicwebsite/rangepicker'
+import { RangepickerInput, type RangepickerProps, type DateRange } from '@archpublicwebsite/rangepicker'
 import '@archpublicwebsite/rangepicker/style.css'
 
 // Type-safe date range
@@ -69,21 +61,17 @@ const pickerOptions: Partial<RangepickerProps> = {
   autoApply: true,
   minDays: 2,
   maxDays: 30,
-  showTooltip: true
+  showTooltip: true,
 }
 </script>
 
 <template>
-  <RangepickerInput
-    v-model="dates"
-    v-bind="pickerOptions"
-    primary-color="#3b82f6"
-    placeholder="Check in / Check out"
-  />
+  <RangepickerInput v-model="dates" v-bind="pickerOptions" primary-color="#3b82f6" placeholder="Check in / Check out" />
 </template>
 ```
 
 **Why separate CSS import?**
+
 - Better performance (CSS cached independently)
 - Smaller JS bundle
 - No Flash of Unstyled Content (FOUC)
@@ -109,28 +97,13 @@ const dates3 = ref('')
 
 <template>
   <!-- Blue theme -->
-  <RangepickerInput
-    v-model="dates1"
-    primary-color="#3b82f6"
-    secondary-color="#60a5fa"
-    placeholder="Blue theme"
-  />
+  <RangepickerInput v-model="dates1" primary-color="#3b82f6" secondary-color="#60a5fa" placeholder="Blue theme" />
 
   <!-- Purple theme -->
-  <RangepickerInput
-    v-model="dates2"
-    primary-color="#8b5cf6"
-    secondary-color="#a78bfa"
-    placeholder="Purple theme"
-  />
+  <RangepickerInput v-model="dates2" primary-color="#8b5cf6" secondary-color="#a78bfa" placeholder="Purple theme" />
 
   <!-- Red theme -->
-  <RangepickerInput
-    v-model="dates3"
-    primary-color="#ef4444"
-    secondary-color="#f87171"
-    placeholder="Red theme"
-  />
+  <RangepickerInput v-model="dates3" primary-color="#ef4444" secondary-color="#f87171" placeholder="Red theme" />
 </template>
 ```
 
@@ -166,10 +139,7 @@ const dates3 = ref('')
   />
 
   <!-- Inherit from parent (default) -->
-  <RangepickerInput
-    v-model="dates3"
-    placeholder="Inherits parent font"
-  />
+  <RangepickerInput v-model="dates3" placeholder="Inherits parent font" />
 </template>
 
 <style>
@@ -181,13 +151,14 @@ const dates3 = ref('')
 
 ### Color Props
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `primary-color` | `string` | - | Main color for selected dates and buttons (HEX format, e.g., `#3b82f6`) |
-| `secondary-color` | `string` | - | Color for hover states and secondary elements (HEX format, optional) |
-| `font-family` | `string` | `inherit` | Custom font family (e.g., `'Roboto', sans-serif`, `'Poppins', sans-serif`) |
+| Prop              | Type     | Default   | Description                                                                |
+| ----------------- | -------- | --------- | -------------------------------------------------------------------------- |
+| `primary-color`   | `string` | -         | Main color for selected dates and buttons (HEX format, e.g., `#3b82f6`)    |
+| `secondary-color` | `string` | -         | Color for hover states and secondary elements (HEX format, optional)       |
+| `font-family`     | `string` | `inherit` | Custom font family (e.g., `'Roboto', sans-serif`, `'Poppins', sans-serif`) |
 
 **Features:**
+
 - ✅ **Scoped per instance** - Multiple pickers can have different colors simultaneously
 - ✅ **No global state** - Colors don't conflict between instances
 - ✅ **HEX format** - Standard 3 or 6 digit HEX colors (e.g., `#3b82f6`, `#fff`)
@@ -287,11 +258,7 @@ const dateRangeText = computed(() => {
 ```vue
 <script setup lang="ts">
 import { ref } from 'vue'
-import {
-  Rangepicker,
-  useRangepicker,
-  type RangepickerProps
-} from '@archpublicwebsite/rangepicker'
+import { Rangepicker, useRangepicker, type RangepickerProps } from '@archpublicwebsite/rangepicker'
 import '@archpublicwebsite/rangepicker/style.css'
 
 const triggerRef = ref<HTMLElement | null>(null)
@@ -301,7 +268,7 @@ const options: Partial<RangepickerProps> = {
   valueOfMonths: 2,
   format: 'DD MMM YYYY',
   minDays: 1,
-  autoApply: true
+  autoApply: true,
 }
 
 const { isOpen, dateRange, open, close, toggle } = useRangepicker(triggerRef, options)
@@ -310,54 +277,48 @@ const { isOpen, dateRange, open, close, toggle } = useRangepicker(triggerRef, op
 <template>
   <div>
     <button ref="triggerRef" @click="toggle">
-      {{ dateRange.startDate && dateRange.endDate
-        ? `${dateRange.startDate} - ${dateRange.endDate}`
-        : 'Select dates' }}
+      {{ dateRange.startDate && dateRange.endDate ? `${dateRange.startDate} - ${dateRange.endDate}` : 'Select dates' }}
     </button>
 
-    <Rangepicker
-      v-model="dateRange"
-      v-model:is-open="isOpen"
-      :trigger-element="triggerRef"
-      v-bind="options"
-    />
+    <Rangepicker v-model="dateRange" v-model:is-open="isOpen" :trigger-element="triggerRef" v-bind="options" />
   </div>
 </template>
 ```
+
 ## Props
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `modelValue` | `{ startDate?: string \| Date \| Dayjs, endDate?: string \| Date \| Dayjs }` | `{}` | Selected date range |
-| `isOpen` | `boolean` | `false` | Controls picker visibility |
-| `variant` | `'desktop' \| 'mobile'` | `'desktop'` | Display variant |
-| `primaryColor` | `string` | - | Primary color in HEX format (e.g., `#3b82f6`) |
-| `secondaryColor` | `string` | - | Secondary color in HEX format (e.g., `#60a5fa`) |
-| `minDate` | `string \| Date \| Dayjs` | - | Minimum selectable date |
-| `maxDate` | `string \| Date \| Dayjs` | - | Maximum selectable date |
-| `minDays` | `number` | - | Minimum number of days in range |
-| `maxDays` | `number` | - | Maximum number of days in range |
-| `valueOfMonths` | `number` | `2` | Number of months to display |
-| `valueOfColumns` | `number` | `2` | Grid columns for months |
-| `disabledDates` | `(string \| Date)[]` | `[]` | Array of disabled dates |
-| `holidays` | `(string \| Date)[]` | `[]` | Array of holiday dates |
-| `format` | `string` | `'YYYY-MM-DD'` | Date format |
-| `delimiter` | `string` | `' - '` | Delimiter between dates |
-| `placeholder` | `string` | `'Select dates'` | Placeholder text |
-| `label` | `string` | - | Label for the picker |
-| `showTooltip` | `boolean` | `true` | Show night count tooltip |
-| `autoApply` | `boolean` | `false` | Auto-apply selection |
-| `position` | `'auto' \| 'top' \| 'bottom'` | `'auto'` | Positioning strategy |
-| `triggerElement` | `HTMLElement \| null` | - | Trigger element for positioning |
+| Prop             | Type                                                                         | Default          | Description                                     |
+| ---------------- | ---------------------------------------------------------------------------- | ---------------- | ----------------------------------------------- |
+| `modelValue`     | `{ startDate?: string \| Date \| Dayjs, endDate?: string \| Date \| Dayjs }` | `{}`             | Selected date range                             |
+| `isOpen`         | `boolean`                                                                    | `false`          | Controls picker visibility                      |
+| `variant`        | `'desktop' \| 'mobile'`                                                      | `'desktop'`      | Display variant                                 |
+| `primaryColor`   | `string`                                                                     | -                | Primary color in HEX format (e.g., `#3b82f6`)   |
+| `secondaryColor` | `string`                                                                     | -                | Secondary color in HEX format (e.g., `#60a5fa`) |
+| `minDate`        | `string \| Date \| Dayjs`                                                    | -                | Minimum selectable date                         |
+| `maxDate`        | `string \| Date \| Dayjs`                                                    | -                | Maximum selectable date                         |
+| `minDays`        | `number`                                                                     | -                | Minimum number of days in range                 |
+| `maxDays`        | `number`                                                                     | -                | Maximum number of days in range                 |
+| `valueOfMonths`  | `number`                                                                     | `2`              | Number of months to display                     |
+| `valueOfColumns` | `number`                                                                     | `2`              | Grid columns for months                         |
+| `disabledDates`  | `(string \| Date)[]`                                                         | `[]`             | Array of disabled dates                         |
+| `holidays`       | `(string \| Date)[]`                                                         | `[]`             | Array of holiday dates                          |
+| `format`         | `string`                                                                     | `'YYYY-MM-DD'`   | Date format                                     |
+| `delimiter`      | `string`                                                                     | `' - '`          | Delimiter between dates                         |
+| `placeholder`    | `string`                                                                     | `'Select dates'` | Placeholder text                                |
+| `label`          | `string`                                                                     | -                | Label for the picker                            |
+| `showTooltip`    | `boolean`                                                                    | `true`           | Show night count tooltip                        |
+| `autoApply`      | `boolean`                                                                    | `false`          | Auto-apply selection                            |
+| `position`       | `'auto' \| 'top' \| 'bottom'`                                                | `'auto'`         | Positioning strategy                            |
+| `triggerElement` | `HTMLElement \| null`                                                        | -                | Trigger element for positioning                 |
 
 ## Events
 
-| Event | Payload | Description |
-|-------|---------|-------------|
-| `update:modelValue` | `{ startDate: string, endDate: string }` | Emitted when date range changes |
-| `update:isOpen` | `boolean` | Emitted when picker opens/closes |
-| `dateSelected` | `Dayjs` | Emitted when a date is clicked |
-| `rangeSelected` | `{ start: Dayjs, end: Dayjs }` | Emitted when range is complete |
+| Event               | Payload                                  | Description                      |
+| ------------------- | ---------------------------------------- | -------------------------------- |
+| `update:modelValue` | `{ startDate: string, endDate: string }` | Emitted when date range changes  |
+| `update:isOpen`     | `boolean`                                | Emitted when picker opens/closes |
+| `dateSelected`      | `Dayjs`                                  | Emitted when a date is clicked   |
+| `rangeSelected`     | `{ start: Dayjs, end: Dayjs }`           | Emitted when range is complete   |
 
 ## TypeScript Support
 
@@ -367,17 +328,18 @@ This package is built with TypeScript and provides full type definitions. All ty
 
 ```typescript
 import type {
-  RangepickerProps,    // Component props interface
-  RangepickerEmits,    // Event emitter interface
-  DateRange,           // Date range object type
-  CalendarDay,         // Internal calendar day type
-  CalendarMonth        // Internal calendar month type
+  RangepickerProps, // Component props interface
+  RangepickerEmits, // Event emitter interface
+  DateRange, // Date range object type
+  CalendarDay, // Internal calendar day type
+  CalendarMonth, // Internal calendar month type
 } from '@archpublicwebsite/rangepicker'
 ```
 
 ### Type Definitions
 
 #### `RangepickerProps`
+
 Complete props interface with JSDoc documentation. All props are optional with sensible defaults:
 
 ```typescript
@@ -390,16 +352,16 @@ interface RangepickerProps {
   minDays?: number
   maxDays?: number
   close?: boolean
-  valueOfMonths?: number  // default: 2
+  valueOfMonths?: number // default: 2
   valueOfColumns?: number // default: 2
   disabledDates?: (string | Date)[]
   holidays?: (string | Date)[]
-  format?: string         // default: 'YYYY-MM-DD'
-  delimiter?: string      // default: ' - '
+  format?: string // default: 'YYYY-MM-DD'
+  delimiter?: string // default: ' - '
   placeholder?: string
   label?: string
-  showTooltip?: boolean   // default: true
-  autoApply?: boolean     // default: false
+  showTooltip?: boolean // default: true
+  autoApply?: boolean // default: false
   position?: 'auto' | 'top' | 'bottom'
   triggerElement?: HTMLElement | null
   colorStyles?: Record<string, string>
@@ -407,6 +369,7 @@ interface RangepickerProps {
 ```
 
 #### `DateRange`
+
 Type for the v-model binding:
 
 ```typescript
@@ -417,14 +380,15 @@ interface DateRange {
 ```
 
 #### `RangepickerEmits`
+
 Event emitter types for type-safe event handling:
 
 ```typescript
 interface RangepickerEmits {
   'update:modelValue': [value: { startDate: string; endDate: string }]
   'update:isOpen': [value: boolean]
-  'dateSelected': [date: Dayjs]
-  'rangeSelected': [start: Dayjs, end: Dayjs]
+  dateSelected: [date: Dayjs]
+  rangeSelected: [start: Dayjs, end: Dayjs]
 }
 ```
 
@@ -441,7 +405,7 @@ const config: Partial<RangepickerProps> = {
   minDays: 2,
   maxDays: 30,
   autoApply: true,
-  showTooltip: true
+  showTooltip: true,
 }
 ```
 
@@ -505,6 +469,7 @@ pnpm preview
 The component uses **Tailwind CSS with `arch-` prefix** to prevent conflicts with other frameworks:
 
 ### Why the prefix?
+
 - ✅ **Zero conflicts** with Vuetify, Bootstrap, Element Plus, etc.
 - ✅ **Safe to use** alongside any CSS framework
 - ✅ **All utilities prefixed**: `.arch-flex`, `.arch-text-sm`, `.arch-bg-white`, etc.
@@ -513,22 +478,22 @@ The component uses **Tailwind CSS with `arch-` prefix** to prevent conflicts wit
 ### Styling Options
 
 1. **Color Props (Easiest)**:
+
 ```vue
-<RangepickerInput
-  primary-color="#3b82f6"
-  secondary-color="#60a5fa"
-/>
+<RangepickerInput primary-color="#3b82f6" secondary-color="#60a5fa" />
 ```
 
 2. **CSS Variables (Global)**:
+
 ```css
 :root {
-  --color-primary: 59 130 246;      /* RGB format */
+  --color-primary: 59 130 246; /* RGB format */
   --color-secondary: 148 163 184;
 }
 ```
 
 3. **Custom CSS Overrides**:
+
 ```css
 /* Override component styles */
 .rangepicker-day-selected {
@@ -539,22 +504,26 @@ The component uses **Tailwind CSS with `arch-` prefix** to prevent conflicts wit
 ## Troubleshooting
 
 ### Styles not showing
+
 Make sure you imported the CSS:
+
 ```js
 import '@archpublicwebsite/rangepicker/style.css'
 ```
 
 ### CSS conflicts with Vuetify
+
 This should NOT happen thanks to the `arch-` prefix. If you see conflicts, please open an issue.
 
 ### TypeScript errors
+
 Ensure `vue` is installed as a dependency in your project.
 
 ## Browser Support
 
 - Chrome/Edge (latest 2 versions)
 - Firefox (latest 2 versions)
-- Safari (latest 2 versions)  
+- Safari (latest 2 versions)
 - Mobile Safari (iOS 14+)
 - Chrome for Android (latest)
 

package/dist/Rangepicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rangepicker.vue.d.ts","sourceRoot":"","sources":["../src/Rangepicker.vue"],"names":[],"mappings":"AA8kBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;mBAiBjB,MAAM;iBAAW,MAAM;;;;;;;mBAAvB,MAAM;iBAAW,MAAM;;;;;;;;;;;;;;;;;;;AAinBnE,wBAUG"}
+{"version":3,"file":"Rangepicker.vue.d.ts","sourceRoot":"","sources":["../src/Rangepicker.vue"],"names":[],"mappings":"AAojBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAIlC,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAA;;;mBAiBhB,MAAM;iBAAW,MAAM;;;;;;;mBAAvB,MAAM;iBAAW,MAAM;;;;;;;;;;;;;;;;;;;AA4lBnE,wBAUG"}

package/dist/RangepickerConstraints.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import RangepickerInput from "./RangepickerInput.vue";
+import type { Meta, StoryObj } from '@storybook/vue3';
+import RangepickerInput from './RangepickerInput.vue';
 /**
  * Stories demonstrating date constraints and validation options
  * for the Rangepicker component.

package/dist/RangepickerConstraints.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangepickerConstraints.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerConstraints.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAuDvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAQ/C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAC"}
+{"version":3,"file":"RangepickerConstraints.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerConstraints.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,gBAAgB,MAAM,wBAAwB,CAAA;AAErD;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAuDvC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAQ9C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAuCrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA"}

package/dist/RangepickerConstraints.stories.js

@@ -1,11 +1,11 @@
-import { ref, watch } from "vue";
-import RangepickerInput from "./RangepickerInput.vue";
+import { ref, watch } from 'vue';
+import RangepickerInput from './RangepickerInput.vue';
 /**
  * Stories demonstrating date constraints and validation options
  * for the Rangepicker component.
  */
 const meta = {
-    title: "Components/Rangepicker/Examples",
+    title: 'Components/Rangepicker/Examples',
     component: RangepickerInput,
     tags: ['autodocs'],
     parameters: {
@@ -22,26 +22,26 @@ enforce business rules like booking windows, minimum stay requirements, and blac
     },
     argTypes: {
         options: {
-            control: "object",
-            description: "Configuration options including date constraints",
+            control: 'object',
+            description: 'Configuration options including date constraints',
         },
         variant: {
-            control: "select",
-            options: ["desktop", "mobile"],
+            control: 'select',
+            options: ['desktop', 'mobile'],
         },
     },
     args: {
-        placeholder: "Check in / Check out",
-        id: "dates",
-        name: "dates",
-        variant: "desktop",
+        placeholder: 'Check in / Check out',
+        id: 'dates',
+        name: 'dates',
+        variant: 'desktop',
     },
     render: (args) => ({
         components: { RangepickerInput },
         setup() {
-            const modelValue = ref(args.modelValue ?? "");
+            const modelValue = ref(args.modelValue ?? '');
             watch(() => args.modelValue, (value) => {
-                const nextValue = value ?? "";
+                const nextValue = value ?? '';
                 if (nextValue !== modelValue.value) {
                     modelValue.value = nextValue;
                 }
@@ -52,8 +52,8 @@ enforce business rules like booking windows, minimum stay requirements, and blac
       <div style="padding: 2rem; background: #f5f5f5; min-height: 400px;">
         <RangepickerInput v-bind="args" v-model="modelValue" class="form-control mb-0 shadow-none text-black lg:pl-2 border-0 w-full" />
       </div>
-    `
-    })
+    `,
+    }),
 };
 export default meta;
 // Helper to get future dates
@@ -72,7 +72,7 @@ export const MinDate = {
             format: 'DD MMM YYYY',
             numberOfColumns: 2,
             numberOfMonths: 2,
-        }
+        },
     },
     parameters: {
         docs: {
@@ -109,7 +109,7 @@ export const MaxDate = {
             format: 'DD MMM YYYY',
             numberOfColumns: 2,
             numberOfMonths: 2,
-        }
+        },
     },
     parameters: {
         docs: {
@@ -140,7 +140,7 @@ options: {
  */
 export const MinMaxDateRange = {
     args: {
-        placeholder: "Select within booking window",
+        placeholder: 'Select within booking window',
         options: {
             autoApply: true,
             minDate: nextWeek,
@@ -148,7 +148,7 @@ export const MinMaxDateRange = {
             format: 'DD MMM YYYY',
             numberOfColumns: 2,
             numberOfMonths: 2,
-        }
+        },
     },
     parameters: {
         docs: {
@@ -176,7 +176,7 @@ options: {
  */
 export const MinDays = {
     args: {
-        placeholder: "Minimum 3 nights",
+        placeholder: 'Minimum 3 nights',
         options: {
             autoApply: true,
             minDate: today,
@@ -189,7 +189,7 @@ export const MinDays = {
                 other: 'nights',
             },
             tooltipNumber: (totalDays) => totalDays - 1,
-        }
+        },
     },
     parameters: {
         docs: {
@@ -219,7 +219,7 @@ options: {
  */
 export const MaxDays = {
     args: {
-        placeholder: "Maximum 14 nights",
+        placeholder: 'Maximum 14 nights',
         options: {
             autoApply: true,
             minDate: today,
@@ -232,7 +232,7 @@ export const MaxDays = {
                 other: 'nights',
             },
             tooltipNumber: (totalDays) => totalDays - 1,
-        }
+        },
     },
     parameters: {
         docs: {
@@ -262,7 +262,7 @@ options: {
  */
 export const MinMaxDays = {
     args: {
-        placeholder: "3-7 nights stay",
+        placeholder: '3-7 nights stay',
         options: {
             autoApply: true,
             minDate: today,
@@ -276,7 +276,7 @@ export const MinMaxDays = {
                 other: 'nights',
             },
             tooltipNumber: (totalDays) => totalDays - 1,
-        }
+        },
     },
     parameters: {
         docs: {

package/dist/RangepickerFormatting.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import RangepickerInput from "./RangepickerInput.vue";
+import type { Meta, StoryObj } from '@storybook/vue3';
+import RangepickerInput from './RangepickerInput.vue';
 /**
  * Stories demonstrating formatting and display options
  * for the Rangepicker component.

package/dist/RangepickerFormatting.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangepickerFormatting.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerFormatting.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA8EvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAiD7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC"}
+{"version":3,"file":"RangepickerFormatting.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerFormatting.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,gBAAgB,MAAM,wBAAwB,CAAA;AAErD;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA8EvC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAiD7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAiCzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAA"}