@archpublicwebsite/rangepicker 1.0.20 → 1.2.0

package/dist/Rangepicker.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: import('vue').DefineComponent<RangepickerProps, {}, {},
     showTooltip: boolean;
     autoApply: boolean;
     position: "auto" | "top" | "bottom";
+    borderRadius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     calendarRef: HTMLDivElement;
 }, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"Rangepicker.vue.d.ts","sourceRoot":"","sources":["../src/Rangepicker.vue"],"names":[],"mappings":"AAqjBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;mBAejB,MAAM;iBAAW,MAAM;;;;;;;mBAAvB,MAAM;iBAAW,MAAM;;;;;;;;;;;;;;;;;;AAwlBnE,wBAUG"}
+{"version":3,"file":"Rangepicker.vue.d.ts","sourceRoot":"","sources":["../src/Rangepicker.vue"],"names":[],"mappings":"AAujBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,KAAK,EAAe,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;mBAgBjB,MAAM;iBAAW,MAAM;;;;;;;mBAAvB,MAAM;iBAAW,MAAM;;;;;;;;;;;;;;;;;;;AA0lBnE,wBAUG"}

package/dist/RangepickerFormatting.stories.d.ts

@@ -16,13 +16,9 @@ export declare const DefaultFormat: Story;
  */
 export declare const ISOFormat: Story;
 /**
- * US format: MM/DD/YYYY (e.g., "01/26/2026")
+ * Regional formats with dropdown to switch between US and European
  */
-export declare const USFormat: Story;
-/**
- * European format: DD/MM/YYYY (e.g., "26/01/2026")
- */
-export declare const EuropeanFormat: Story;
+export declare const RegionalFormats: Story;
 /**
  * Full month name format: D MMMM YYYY (e.g., "26 January 2026")
  */
@@ -35,8 +31,4 @@ export declare const ShortFormat: Story;
  * Custom placeholder text
  */
 export declare const CustomPlaceholder: Story;
-/**
- * Booking-style placeholder
- */
-export declare const BookingPlaceholder: Story;
 //# sourceMappingURL=RangepickerFormatting.stories.d.ts.map

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,CA0EvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAgCvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA8B5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,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,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"}

package/dist/RangepickerFormatting.stories.js

@@ -70,6 +70,10 @@ The component uses [dayjs](https://day.js.org/docs/en/display/format) format tok
         template: `
       <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 v-if="modelValue" style="margin-top: 1rem; padding: 0.75rem; background: white; border-radius: 0.375rem; border: 1px solid #e5e7eb;">
+          <strong style="color: #374151;">Selected: </strong> 
+          <span style="color: #059669; font-family: monospace;">{{ modelValue }}</span>
+        </div>
       </div>
     `
     })
@@ -81,6 +85,7 @@ export default meta;
 export const DefaultFormat = {
     args: {
         placeholder: "Check in / Check out",
+        modelValue: "02 Feb 2026 - 04 Feb 2026",
         options: {
             autoApply: true,
             minDate: new Date(),
@@ -115,6 +120,7 @@ options: {
 export const ISOFormat = {
     args: {
         placeholder: "Select dates (ISO format)",
+        modelValue: "2026-02-02 - 2026-02-04",
         options: {
             autoApply: true,
             minDate: new Date(),
@@ -146,11 +152,12 @@ options: {
     },
 };
 /**
- * US format: MM/DD/YYYY (e.g., "01/26/2026")
+ * Regional formats with dropdown to switch between US and European
  */
-export const USFormat = {
+export const RegionalFormats = {
     args: {
-        placeholder: "Select dates (US format)",
+        placeholder: "Select dates",
+        modelValue: "02/02/2026 - 02/04/2026",
         options: {
             autoApply: true,
             minDate: new Date(),
@@ -159,51 +166,35 @@ export const USFormat = {
             numberOfMonths: 2,
         }
     },
+    argTypes: {
+        'options.format': {
+            control: 'select',
+            options: ['MM/DD/YYYY', 'DD/MM/YYYY'],
+            description: 'Date format',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+    },
     parameters: {
         docs: {
             description: {
                 story: `
-### US Format
+### Regional Formats
+
+Switch between US and European date formats using the dropdown control.
 
-American date format: \`MM/DD/YYYY\`
+**US Format** (\`MM/DD/YYYY\`): \`01/26/2026 - 01/30/2026\`
 
-**Output**: \`01/26/2026 - 01/30/2026\`
+**European Format** (\`DD/MM/YYYY\`): \`26/01/2026 - 30/01/2026\`
 
 \`\`\`typescript
+// US Format
 options: {
   format: 'MM/DD/YYYY'
 }
-\`\`\`
-        `,
-            },
-        },
-    },
-};
-/**
- * European format: DD/MM/YYYY (e.g., "26/01/2026")
- */
-export const EuropeanFormat = {
-    args: {
-        placeholder: "Select dates (EU format)",
-        options: {
-            autoApply: true,
-            minDate: new Date(),
-            format: 'DD/MM/YYYY',
-            numberOfColumns: 2,
-            numberOfMonths: 2,
-        }
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: `
-### European Format
-
-European date format: \`DD/MM/YYYY\`
 
-**Output**: \`26/01/2026 - 30/01/2026\`
-
-\`\`\`typescript
+// European Format
 options: {
   format: 'DD/MM/YYYY'
 }
@@ -219,6 +210,7 @@ options: {
 export const FullMonthFormat = {
     args: {
         placeholder: "Select dates",
+        modelValue: "2 February 2026 - 4 February 2026",
         options: {
             autoApply: true,
             minDate: new Date(),
@@ -253,6 +245,7 @@ options: {
 export const ShortFormat = {
     args: {
         placeholder: "Select dates",
+        modelValue: "02 Feb - 04 Feb",
         options: {
             autoApply: true,
             minDate: new Date(),
@@ -289,6 +282,7 @@ options: {
 export const CustomPlaceholder = {
     args: {
         placeholder: "When are you traveling?",
+        modelValue: "02 Feb 2026 - 04 Feb 2026",
         options: {
             autoApply: true,
             minDate: new Date(),
@@ -316,37 +310,3 @@ Set a custom placeholder text for the input field.
         },
     },
 };
-/**
- * Booking-style placeholder
- */
-export const BookingPlaceholder = {
-    args: {
-        placeholder: "Check-in → Check-out",
-        options: {
-            autoApply: true,
-            minDate: new Date(),
-            format: 'ddd, DD MMM',
-            numberOfColumns: 2,
-            numberOfMonths: 2,
-        }
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: `
-### Booking Style
-
-Format with day of week: \`ddd, DD MMM\`
-
-**Output**: \`Sun, 26 Jan - Thu, 30 Jan\`
-
-\`\`\`typescript
-options: {
-  format: 'ddd, DD MMM'
-}
-\`\`\`
-        `,
-            },
-        },
-    },
-};

package/dist/RangepickerInput.stories.d.ts

@@ -41,10 +41,13 @@ type Story = StoryObj<typeof RangepickerInput>;
 /**
  * Default rangepicker with standard configuration.
  * Click the input to open the calendar and select a date range.
+ *
+ * Explore the categorized stories in the sidebar to learn about different features:
+ * - **Modes** - Display variants (desktop/mobile) and behavior modes
+ * - **Constraints** - Date limits and validation rules
+ * - **Formatting** - Date format patterns
+ * - **Theming** - Color and visual customization
+ * - **Special Dates** - Holidays and disabled dates
  */
 export declare const Default: Story;
-/**
- * Mobile variant displays the calendar as a bottom sheet overlay.
- */
-export declare const Mobile: Story;
 //# sourceMappingURL=RangepickerInput.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangepickerInput.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerInput.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAyIvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAC"}
+{"version":3,"file":"RangepickerInput.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerInput.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAyIvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}

package/dist/RangepickerInput.stories.js

@@ -172,6 +172,13 @@ export default meta;
 /**
  * Default rangepicker with standard configuration.
  * Click the input to open the calendar and select a date range.
+ *
+ * Explore the categorized stories in the sidebar to learn about different features:
+ * - **Modes** - Display variants (desktop/mobile) and behavior modes
+ * - **Constraints** - Date limits and validation rules
+ * - **Formatting** - Date format patterns
+ * - **Theming** - Color and visual customization
+ * - **Special Dates** - Holidays and disabled dates
  */
 export const Default = {
     parameters: {
@@ -188,29 +195,8 @@ The default rangepicker setup with:
 - Min date: Today
 
 Click the input field to open the calendar.
-        `,
-            },
-        },
-    },
-};
-/**
- * Mobile variant displays the calendar as a bottom sheet overlay.
- */
-export const Mobile = {
-    args: {
-        variant: "mobile"
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: `
-### Mobile Variant
-
-Displays the calendar as a bottom sheet overlay, optimized for touch devices.
 
-\`\`\`vue
-<RangepickerInput variant="mobile" />
-\`\`\`
+> 💡 **Tip**: Check the other story categories in the sidebar for detailed examples of all features.
         `,
             },
         },

package/dist/RangepickerInput.vue.d.ts

@@ -29,6 +29,8 @@ interface Props {
     primaryColor?: string;
     secondaryColor?: string;
     fontFamily?: string;
+    borderRadius?: string;
+    showClearButton?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
@@ -40,6 +42,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: "desktop" | "mobile";
     placeholder: string;
     readonly: boolean;
+    showClearButton: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     wrapperRef: HTMLDivElement;
     inputRef: HTMLInputElement;

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

@@ -1 +1 @@
-{"version":3,"file":"RangepickerInput.vue.d.ts","sourceRoot":"","sources":["../src/RangepickerInput.vue"],"names":[],"mappings":"AAqNA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,UAAU,KAAK;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;;;;;;;;aAJW,SAAS,GAAG,QAAQ;iBAJhB,MAAM;cACT,OAAO;;;;;AA6NpB,wBAUG"}
+{"version":3,"file":"RangepickerInput.vue.d.ts","sourceRoot":"","sources":["../src/RangepickerInput.vue"],"names":[],"mappings":"AAkRA,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,UAAU,KAAK;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;;;;;;;;aANW,SAAS,GAAG,QAAQ;iBAJhB,MAAM;cACT,OAAO;qBAQA,OAAO;;;;;AA4P3B,wBAUG"}

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

@@ -1 +1 @@
-{"version":3,"file":"RangepickerModes.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerModes.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,CAuFvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAoB5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC"}
+{"version":3,"file":"RangepickerModes.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerModes.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,CAuFvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC"}

package/dist/RangepickerModes.stories.js

@@ -95,6 +95,7 @@ export default meta;
 export const DesktopVariant = {
     args: {
         variant: "desktop",
+        primaryColor: "#ff1b1b"
     },
     parameters: {
         docs: {

package/dist/RangepickerTheming.stories.d.ts

@@ -8,47 +8,15 @@ declare const meta: Meta<typeof RangepickerInput>;
 export default meta;
 type Story = StoryObj<typeof RangepickerInput>;
 /**
- * Default theme with no custom colors applied.
+ * Interactive color theming - choose from presets or create your own!
  */
-export declare const DefaultTheme: Story;
+export declare const ColorThemes: Story;
 /**
- * Blue theme - professional and trustworthy.
+ * Border radius customization - control the roundness of the calendar
  */
-export declare const BlueTheme: Story;
+export declare const BorderRadius: Story;
 /**
- * Purple theme - creative and modern.
+ * Font family customization - control typography for the calendar
  */
-export declare const PurpleTheme: Story;
-/**
- * Red theme - bold and attention-grabbing.
- */
-export declare const RedTheme: Story;
-/**
- * Green theme - natural and calming.
- */
-export declare const GreenTheme: Story;
-/**
- * Orange theme - warm and energetic.
- */
-export declare const OrangeTheme: Story;
-/**
- * Pink theme - playful and vibrant.
- */
-export declare const PinkTheme: Story;
-/**
- * Teal theme - fresh and modern.
- */
-export declare const TealTheme: Story;
-/**
- * Indigo theme - elegant and sophisticated.
- */
-export declare const IndigoTheme: Story;
-/**
- * Dark theme - sleek and modern.
- */
-export declare const DarkTheme: Story;
-/**
- * Interactive color picker - try your own colors!
- */
-export declare const CustomColors: Story;
+export declare const FontFamily: Story;
 //# sourceMappingURL=RangepickerTheming.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangepickerTheming.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerTheming.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,CAwFvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC"}
+{"version":3,"file":"RangepickerTheming.stories.d.ts","sourceRoot":"","sources":["../src/RangepickerTheming.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,CAwGvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAmDzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAsC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KA0DxB,CAAC"}