@nova-design-system/nova-webcomponents 3.23.0 → 3.24.0

package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.docs.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { nameof } from "../../utils/class.utils";
 import dayjs from "dayjs";
 const toKebabCase = (str) => str
     .toLowerCase()
@@ -121,9 +122,16 @@ const getDateRangeShortcuts = () => [
 ];
 const NvFielddaterangeDocs = {
     component: 'nv-fielddaterange',
-    subcomponents: ['nv-button', 'nv-iconbutton', 'nv-calendar'],
+    subcomponents: [
+        'nv-button',
+        'nv-iconbutton',
+        'nv-calendar',
+        'nv-badge',
+        'nv-icon',
+    ],
     badge: 'beta',
     stories: [
+        // Default
         {
             name: 'Default',
             args: {
@@ -138,6 +146,331 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // startInputId
+        {
+            name: nameof(x => x.startInputId),
+            description: 'Sets the ID for the start input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.',
+            args: {
+                label: 'Date Range with Custom Start Input ID',
+                startInputId: 'custom-start-id',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // endInputId
+        {
+            name: nameof(x => x.endInputId),
+            description: 'Sets the ID for the end input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.',
+            args: {
+                label: 'Date Range with Custom End Input ID',
+                endInputId: 'custom-end-id',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // label
+        {
+            name: nameof(x => x.label),
+            description: 'Text displayed as label. A slot label can override this prop.',
+            args: {
+                label: 'Date Range Label',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // description
+        {
+            name: nameof(x => x.description),
+            description: 'Description displayed below the input. A slot description can override this prop.',
+            args: {
+                label: 'Date Range',
+                description: 'Select a date range',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // startPlaceholder
+        {
+            name: nameof(x => x.startPlaceholder),
+            description: 'Placeholder for the start input field.',
+            args: {
+                label: 'Date Range',
+                startPlaceholder: 'Start date (DD/MM/YYYY)',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // endPlaceholder
+        {
+            name: nameof(x => x.endPlaceholder),
+            description: 'Placeholder for the end input field.',
+            args: {
+                label: 'Date Range',
+                endPlaceholder: 'End date (DD/MM/YYYY)',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // startName
+        {
+            name: nameof(x => x.startName),
+            description: 'Name attribute for the start input.',
+            args: {
+                label: 'Date Range',
+                startName: 'start-date',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // endName
+        {
+            name: nameof(x => x.endName),
+            description: 'Name attribute for the end input.',
+            args: {
+                label: 'Date Range',
+                endName: 'end-date',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // disabled
+        {
+            name: nameof(x => x.disabled),
+            description: 'Disables both input fields.',
+            args: {
+                label: 'Disabled Date Range',
+                disabled: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // readonly
+        {
+            name: nameof(x => x.readonly),
+            description: 'Sets both input fields as read-only.',
+            args: {
+                label: 'Readonly Date Range',
+                readonly: true,
+                value: `${dayjs().format('DD/MM/YYYY')},${dayjs()
+                    .add(7, 'days')
+                    .format('DD/MM/YYYY')}`,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // required
+        {
+            name: nameof(x => x.required),
+            description: 'Marks both input fields as required.',
+            args: {
+                label: 'Required Date Range',
+                required: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // ariaRequiredAttr
+        {
+            name: nameof(x => x.ariaRequiredAttr),
+            description: 'Marks both input fields as required using aria-required attribute.',
+            args: {
+                label: 'Aria Required Date Range',
+                ariaRequiredAttr: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // error
+        {
+            name: nameof(x => x.error),
+            description: 'Indicates an error state.',
+            args: {
+                label: 'Date Range Error',
+                error: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // errorDescription
+        {
+            name: nameof(x => x.errorDescription),
+            description: 'Error description. A slot error-description can override this prop.',
+            args: {
+                label: 'Date Range',
+                error: true,
+                errorDescription: 'Please select a valid date range',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // success
+        {
+            name: nameof(x => x.success),
+            description: 'Indicates a success state.',
+            args: {
+                label: 'Date Range Success',
+                success: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // value
+        {
+            name: nameof(x => x.value),
+            description: 'The initial value of the date range (in string format).',
+            args: {
+                label: 'Date Range with Value',
+                value: `${dayjs().format('DD/MM/YYYY')},${dayjs()
+                    .add(7, 'days')
+                    .format('DD/MM/YYYY')}`,
+                dateFormat: 'DD/MM/YYYY',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // firstDayOfWeek
+        {
+            name: nameof(x => x.firstDayOfWeek),
+            description: 'First day of the week 0 = Sunday, 1 = Monday, etc.',
+            args: {
+                label: 'First Day of Week (Monday)',
+                firstDayOfWeek: 1,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // numberOfCalendars
+        {
+            name: nameof(x => x.numberOfCalendars),
+            description: 'Number of calendars to display.',
+            args: {
+                label: 'Multiple Calendars',
+                numberOfCalendars: 3,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // min
+        {
+            name: nameof(x => x.min),
+            description: 'Minimum date for selection ISO string format, ex: 2025-01-01.',
+            args: {
+                label: 'Date Range with Min',
+                min: dayjs().format('YYYY-MM-DD'),
+                dateFormat: 'YYYY-MM-DD',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // max
+        {
+            name: nameof(x => x.max),
+            description: 'Maximum date for selection ISO string format, ex: 2025-12-31.',
+            args: {
+                label: 'Date Range with Max',
+                max: dayjs().add(30, 'days').format('YYYY-MM-DD'),
+                dateFormat: 'YYYY-MM-DD',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // locale
+        {
+            name: nameof(x => x.locale),
+            description: 'Locale for date formatting.',
+            args: {
+                label: 'Date Range (French)',
+                locale: 'fr-BE',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // dateFormat
+        {
+            name: nameof(x => x.dateFormat),
+            description: 'Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.',
+            args: {
+                label: 'Date Range Format',
+                dateFormat: 'YYYY-MM-DD',
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // shortcutsPlacement
+        {
+            name: nameof(x => x.shortcutsPlacement),
+            description: 'Footer placement.',
+            args: {
+                label: 'Shortcuts Right',
+                shortcutsPlacement: 'right',
+                showActions: true,
+                shortcuts: [
+                    {
+                        label: 'This Week',
+                        rangeValue: {
+                            start: dayjs().startOf('week').format('DD/MM/YYYY'),
+                            end: dayjs().endOf('week').format('DD/MM/YYYY'),
+                        },
+                    },
+                ],
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // showActions
+        {
+            name: nameof(x => x.showActions),
+            description: 'Show action buttons.',
+            args: {
+                label: 'Date Range with Actions',
+                showActions: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // shortcuts
+        {
+            name: nameof(x => x.shortcuts),
+            description: 'Custom actions to display in the footer.',
+            args: {
+                label: 'Date Range with Shortcuts',
+                showActions: true,
+                shortcuts: [
+                    {
+                        label: 'This Week',
+                        rangeValue: {
+                            start: dayjs().startOf('week').format('DD/MM/YYYY'),
+                            end: dayjs().endOf('week').format('DD/MM/YYYY'),
+                        },
+                    },
+                    {
+                        label: 'Last Week',
+                        rangeValue: {
+                            start: dayjs()
+                                .subtract(1, 'week')
+                                .startOf('week')
+                                .format('DD/MM/YYYY'),
+                            end: dayjs()
+                                .subtract(1, 'week')
+                                .endOf('week')
+                                .format('DD/MM/YYYY'),
+                        },
+                    },
+                ],
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // showWeekNumbers
+        {
+            name: nameof(x => x.showWeekNumbers),
+            description: 'Show week numbers.',
+            args: {
+                label: 'Date Range with Week Numbers',
+                showWeekNumbers: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // disabledDates
+        {
+            name: nameof(x => x.disabledDates),
+            description: 'Disabled dates ISO string array.',
+            args: {
+                label: 'Date Range with Disabled Dates',
+                dateFormat: 'DD/MM/YYYY',
+                disabledDates: [
+                    dayjs().add(1, 'day').format('DD/MM/YYYY'),
+                    dayjs().add(3, 'day').format('DD/MM/YYYY'),
+                ],
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // fluid
+        {
+            name: nameof(x => x.fluid),
+            description: 'Allows the field to stretch and fill the entire width of its container.',
+            args: {
+                label: 'Fluid Date Range',
+                fluid: true,
+            },
+            template: h("nv-fielddaterange", { "data-storybook-args": true }),
+        },
+        // WithCalendarOptions
         {
             name: 'WithCalendarOptions',
             args: {
@@ -174,6 +507,7 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // WithShortcutsBottom
         {
             name: 'WithShortcutsBottom',
             args: {
@@ -207,6 +541,7 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // WithShortcutsRight
         {
             name: 'WithShortcutsRight',
             args: {
@@ -228,6 +563,7 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // WithDisabledDates
         {
             name: 'WithDisabledDates',
             args: {
@@ -242,6 +578,7 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // MultipleCalendars
         {
             name: 'MultipleCalendars',
             args: {
@@ -253,6 +590,7 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // WithMinMax
         {
             name: 'WithMinMax',
             args: {
@@ -264,6 +602,7 @@ const NvFielddaterangeDocs = {
             },
             template: h("nv-fielddaterange", { "data-storybook-args": true }),
         },
+        // CulturalVariants
         {
             name: 'CulturalVariants',
             args: {
@@ -273,6 +612,72 @@ const NvFielddaterangeDocs = {
             },
             template: (h("div", { class: "flex flex-wrap gap-4" }, h("nv-fielddaterange", { label: "Date Range (en-BE)", locale: "en-BE", dateFormat: "YYYY-MM-DD", "data-storybook-args": true }), h("nv-fielddaterange", { label: "Date Range (fr-BE)", locale: "fr-BE", dateFormat: "DD/MM/YYYY", "data-storybook-args": true }), h("nv-fielddaterange", { label: "Date Range (de-DE)", locale: "de-DE", dateFormat: "DD.MM.YYYY", "data-storybook-args": true }))),
         },
+        // SlotDefault
+        {
+            name: 'SlotDefault',
+            description: 'Child content of the component.',
+            args: {
+                label: 'Date Range with Default Slot',
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("span", null, "Custom content in default slot"))),
+        },
+        // SlotLeadingInput
+        {
+            name: 'SlotLeadingInput',
+            description: 'Content to be placed before the input text, within the input container.',
+            args: {
+                label: 'Date Range with Leading Input',
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("nv-icon", { slot: "leading-input", name: "calendar" }))),
+        },
+        // SlotBeforeInput
+        {
+            name: 'SlotBeforeInput',
+            description: 'Content to be placed before the input text, outside the input container.',
+            args: {
+                label: 'Date Range',
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("nv-button", { slot: "before-input" }, "Before"))),
+        },
+        // SlotAfterInput
+        {
+            name: 'SlotAfterInput',
+            description: 'Content to be placed after the input text, outside the input container.',
+            args: {
+                label: 'Date Range',
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("nv-button", { slot: "after-input" }, "After"))),
+        },
+        // SlotLabel
+        {
+            name: 'SlotLabel',
+            description: 'Content to be placed as the label, will override the label prop.',
+            args: {
+                label: 'Original Label',
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("span", { slot: "label" }, "Custom Label"))),
+        },
+        // SlotDescription
+        {
+            name: 'SlotDescription',
+            description: 'Content to be placed as the description, will override the description prop.',
+            args: {
+                label: 'Date Range',
+                description: 'Original description',
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("span", { slot: "description" }, "Custom Description"))),
+        },
+        // SlotErrorDescription
+        {
+            name: 'SlotErrorDescription',
+            description: 'Content to be placed as the error description, will override the errorDescription prop.',
+            args: {
+                label: 'Date Range',
+                errorDescription: 'Original error description',
+                error: true,
+            },
+            template: (h("nv-fielddaterange", { "data-storybook-args": true }, h("span", { slot: "error-description" }, "Custom Error Description"))),
+        },
         ...formatStories,
     ],
 };

package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.docs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nv-fielddaterange.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fielddaterange/nv-fielddaterange.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport dayjs from 'dayjs';\n\nconst toKebabCase = (str: string): string =>\n  str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '')\n    .replace(/^-+|-+$/g, '');\n\nconst formats = [\n  {\n    name: 'ISO 8601',\n    dateFormat: 'YYYY-MM-DD[T]HH:mm:ss[Z]',\n    value: {\n      start: '2025-03-15T00:00:00Z',\n      end: '2025-03-20T00:00:00Z',\n    },\n  },\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    value: {\n      start: '2025-03-15',\n      end: '2025-03-20',\n    },\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    value: {\n      start: '15/03/2025',\n      end: '20/03/2025',\n    },\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    value: {\n      start: '03/15/2025',\n      end: '03/20/2025',\n    },\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    value: {\n      start: '20250315',\n      end: '20250320',\n    },\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    value: {\n      start: '15.03.2025',\n      end: '20.03.2025',\n    },\n  },\n];\n\nconst formatStories = formats.map(format => ({\n  name: `Format${toKebabCase(format.name)}`,\n  args: {\n    label: `Date Range (${format.name})`,\n    description: `Using format: ${format.dateFormat}`,\n    startPlaceholder: format.value.start,\n    endPlaceholder: format.value.end,\n    dateFormat: format.dateFormat,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    value: JSON.stringify(format.value),\n  },\n  template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n}));\n\nconst getThisQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3);\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getLastQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3) - 3;\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getDateRangeShortcuts = () => [\n  {\n    label: 'Last 7 Days',\n    rangeValue: {\n      start: dayjs().subtract(7, 'days').format('YYYY-MM-DD'),\n      end: dayjs().format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Last Month',\n    rangeValue: {\n      start: dayjs().subtract(1, 'month').startOf('month').format('YYYY-MM-DD'),\n      end: dayjs().subtract(1, 'month').endOf('month').format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Next Month',\n    rangeValue: {\n      start: dayjs().add(1, 'month').startOf('month').format('YYYY-MM-DD'),\n      end: dayjs().add(1, 'month').endOf('month').format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Next Year',\n    rangeValue: {\n      start: dayjs().add(1, 'year').startOf('year').format('YYYY-MM-DD'),\n      end: dayjs().add(1, 'year').endOf('year').format('YYYY-MM-DD'),\n    },\n  },\n];\n\nconst NvFielddaterangeDocs: NovaDocs<Components.NvFielddaterange> = {\n  component: 'nv-fielddaterange',\n  subcomponents: ['nv-button', 'nv-iconbutton', 'nv-calendar'],\n  badge: 'beta',\n  stories: [\n    {\n      name: 'Default',\n      args: {\n        startPlaceholder: 'Start date',\n        endPlaceholder: 'End date',\n        showWeekNumbers: true,\n        showActions: true,\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: getDateRangeShortcuts(),\n        shortcutsPlacement: 'bottom',\n        locale: 'en-BE',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithCalendarOptions',\n      args: {\n        label: 'Date Range with Calendar Options',\n        description: 'Calendar with additional options',\n        dateFormat: 'DD/MM/YYYY',\n        firstDayOfWeek: 1,\n        numberOfCalendars: 2,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Week',\n            rangeValue: {\n              start: dayjs().startOf('week').format('DD/MM/YYYY'),\n              end: dayjs().endOf('week').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Week',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'week')\n                .startOf('week')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'week')\n                .endOf('week')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithShortcutsBottom',\n      args: {\n        label: 'Date Range with Bottom Shortcuts',\n        description: 'Calendar with shortcuts at the bottom',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Month',\n            rangeValue: {\n              start: dayjs().startOf('month').format('DD/MM/YYYY'),\n              end: dayjs().endOf('month').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'month')\n                .startOf('month')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'month')\n                .endOf('month')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithShortcutsRight',\n      args: {\n        label: 'Date Range with Right Shortcuts',\n        description: 'Calendar with shortcuts on the right',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Quarter',\n            rangeValue: getThisQuarter(),\n          },\n          {\n            label: 'Last Quarter',\n            rangeValue: getLastQuarter(),\n          },\n        ],\n        shortcutsPlacement: 'right',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithDisabledDates',\n      args: {\n        label: 'Date Range with Disabled Dates',\n        description: 'Calendar with specific dates disabled',\n        dateFormat: 'DD/MM/YYYY',\n        disabledDates: [\n          dayjs().add(1, 'day').format('DD/MM/YYYY'),\n          dayjs().add(3, 'day').format('DD/MM/YYYY'),\n          dayjs().add(5, 'day').format('DD/MM/YYYY'),\n        ],\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'MultipleCalendars',\n      args: {\n        label: 'Multiple Calendars',\n        description: 'Display multiple calendars side by side',\n        dateFormat: 'DD/MM/YYYY',\n        numberOfCalendars: 3,\n        showWeekNumbers: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'WithMinMax',\n      args: {\n        label: 'Date Range with Min/Max',\n        description: 'Select dates within range',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 2,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <nv-fielddaterange\n            label=\"Date Range (en-BE)\"\n            locale=\"en-BE\"\n            dateFormat=\"YYYY-MM-DD\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (fr-BE)\"\n            locale=\"fr-BE\"\n            dateFormat=\"DD/MM/YYYY\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (de-DE)\"\n            locale=\"de-DE\"\n            dateFormat=\"DD.MM.YYYY\"\n            data-storybook-args\n          />\n        </div>\n      ),\n    },\n    ...formatStories,\n  ],\n};\n\nexport default NvFielddaterangeDocs;\n"]}
+{"version":3,"file":"nv-fielddaterange.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fielddaterange/nv-fielddaterange.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\nimport dayjs from 'dayjs';\n\nconst toKebabCase = (str: string): string =>\n  str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '')\n    .replace(/^-+|-+$/g, '');\n\nconst formats = [\n  {\n    name: 'ISO 8601',\n    dateFormat: 'YYYY-MM-DD[T]HH:mm:ss[Z]',\n    value: {\n      start: '2025-03-15T00:00:00Z',\n      end: '2025-03-20T00:00:00Z',\n    },\n  },\n  {\n    name: 'YYYY-MM-DD',\n    dateFormat: 'YYYY-MM-DD',\n    value: {\n      start: '2025-03-15',\n      end: '2025-03-20',\n    },\n  },\n  {\n    name: 'DD/MM/YYYY',\n    dateFormat: 'DD/MM/YYYY',\n    value: {\n      start: '15/03/2025',\n      end: '20/03/2025',\n    },\n  },\n  {\n    name: 'MM/DD/YYYY',\n    dateFormat: 'MM/DD/YYYY',\n    value: {\n      start: '03/15/2025',\n      end: '03/20/2025',\n    },\n  },\n  {\n    name: 'Compact YYYYMMDD',\n    dateFormat: 'YYYYMMDD',\n    value: {\n      start: '20250315',\n      end: '20250320',\n    },\n  },\n  {\n    name: 'German DD.MM.YYYY',\n    dateFormat: 'DD.MM.YYYY',\n    value: {\n      start: '15.03.2025',\n      end: '20.03.2025',\n    },\n  },\n];\n\nconst formatStories = formats.map(format => ({\n  name: `Format${toKebabCase(format.name)}`,\n  args: {\n    label: `Date Range (${format.name})`,\n    description: `Using format: ${format.dateFormat}`,\n    startPlaceholder: format.value.start,\n    endPlaceholder: format.value.end,\n    dateFormat: format.dateFormat,\n    locale: format.name === 'German DD.MM.YYYY' ? 'de-DE' : 'en-US',\n    value: JSON.stringify(format.value),\n  },\n  template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n}));\n\nconst getThisQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3);\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getLastQuarter = () => {\n  const currentMonth = dayjs().month();\n  const startMonth = currentMonth - (currentMonth % 3) - 3;\n  return {\n    start: dayjs().month(startMonth).startOf('month').format('DD/MM/YYYY'),\n    end: dayjs()\n      .month(startMonth + 2)\n      .endOf('month')\n      .format('DD/MM/YYYY'),\n  };\n};\n\nconst getDateRangeShortcuts = () => [\n  {\n    label: 'Last 7 Days',\n    rangeValue: {\n      start: dayjs().subtract(7, 'days').format('YYYY-MM-DD'),\n      end: dayjs().format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Last Month',\n    rangeValue: {\n      start: dayjs().subtract(1, 'month').startOf('month').format('YYYY-MM-DD'),\n      end: dayjs().subtract(1, 'month').endOf('month').format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Next Month',\n    rangeValue: {\n      start: dayjs().add(1, 'month').startOf('month').format('YYYY-MM-DD'),\n      end: dayjs().add(1, 'month').endOf('month').format('YYYY-MM-DD'),\n    },\n  },\n  {\n    label: 'Next Year',\n    rangeValue: {\n      start: dayjs().add(1, 'year').startOf('year').format('YYYY-MM-DD'),\n      end: dayjs().add(1, 'year').endOf('year').format('YYYY-MM-DD'),\n    },\n  },\n];\n\nconst NvFielddaterangeDocs: NovaDocs<Components.NvFielddaterange> = {\n  component: 'nv-fielddaterange',\n  subcomponents: [\n    'nv-button',\n    'nv-iconbutton',\n    'nv-calendar',\n    'nv-badge',\n    'nv-icon',\n  ],\n  badge: 'beta',\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      args: {\n        startPlaceholder: 'Start date',\n        endPlaceholder: 'End date',\n        showWeekNumbers: true,\n        showActions: true,\n        dateFormat: 'YYYY-MM-DD',\n        shortcuts: getDateRangeShortcuts(),\n        shortcutsPlacement: 'bottom',\n        locale: 'en-BE',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // startInputId\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.startInputId),\n      description:\n        'Sets the ID for the start input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.',\n      args: {\n        label: 'Date Range with Custom Start Input ID',\n        startInputId: 'custom-start-id',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // endInputId\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.endInputId),\n      description:\n        'Sets the ID for the end input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.',\n      args: {\n        label: 'Date Range with Custom End Input ID',\n        endInputId: 'custom-end-id',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // label\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.label),\n      description:\n        'Text displayed as label. A slot label can override this prop.',\n      args: {\n        label: 'Date Range Label',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // description\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.description),\n      description:\n        'Description displayed below the input. A slot description can override this prop.',\n      args: {\n        label: 'Date Range',\n        description: 'Select a date range',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // startPlaceholder\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.startPlaceholder),\n      description: 'Placeholder for the start input field.',\n      args: {\n        label: 'Date Range',\n        startPlaceholder: 'Start date (DD/MM/YYYY)',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // endPlaceholder\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.endPlaceholder),\n      description: 'Placeholder for the end input field.',\n      args: {\n        label: 'Date Range',\n        endPlaceholder: 'End date (DD/MM/YYYY)',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // startName\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.startName),\n      description: 'Name attribute for the start input.',\n      args: {\n        label: 'Date Range',\n        startName: 'start-date',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // endName\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.endName),\n      description: 'Name attribute for the end input.',\n      args: {\n        label: 'Date Range',\n        endName: 'end-date',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.disabled),\n      description: 'Disables both input fields.',\n      args: {\n        label: 'Disabled Date Range',\n        disabled: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // readonly\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.readonly),\n      description: 'Sets both input fields as read-only.',\n      args: {\n        label: 'Readonly Date Range',\n        readonly: true,\n        value: `${dayjs().format('DD/MM/YYYY')},${dayjs()\n          .add(7, 'days')\n          .format('DD/MM/YYYY')}`,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // required\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.required),\n      description: 'Marks both input fields as required.',\n      args: {\n        label: 'Required Date Range',\n        required: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // ariaRequiredAttr\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.ariaRequiredAttr),\n      description:\n        'Marks both input fields as required using aria-required attribute.',\n      args: {\n        label: 'Aria Required Date Range',\n        ariaRequiredAttr: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // error\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.error),\n      description: 'Indicates an error state.',\n      args: {\n        label: 'Date Range Error',\n        error: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.errorDescription),\n      description:\n        'Error description. A slot error-description can override this prop.',\n      args: {\n        label: 'Date Range',\n        error: true,\n        errorDescription: 'Please select a valid date range',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // success\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.success),\n      description: 'Indicates a success state.',\n      args: {\n        label: 'Date Range Success',\n        success: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // value\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.value),\n      description: 'The initial value of the date range (in string format).',\n      args: {\n        label: 'Date Range with Value',\n        value: `${dayjs().format('DD/MM/YYYY')},${dayjs()\n          .add(7, 'days')\n          .format('DD/MM/YYYY')}`,\n        dateFormat: 'DD/MM/YYYY',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // firstDayOfWeek\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.firstDayOfWeek),\n      description: 'First day of the week 0 = Sunday, 1 = Monday, etc.',\n      args: {\n        label: 'First Day of Week (Monday)',\n        firstDayOfWeek: 1,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // numberOfCalendars\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.numberOfCalendars),\n      description: 'Number of calendars to display.',\n      args: {\n        label: 'Multiple Calendars',\n        numberOfCalendars: 3,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // min\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.min),\n      description:\n        'Minimum date for selection ISO string format, ex: 2025-01-01.',\n      args: {\n        label: 'Date Range with Min',\n        min: dayjs().format('YYYY-MM-DD'),\n        dateFormat: 'YYYY-MM-DD',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // max\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.max),\n      description:\n        'Maximum date for selection ISO string format, ex: 2025-12-31.',\n      args: {\n        label: 'Date Range with Max',\n        max: dayjs().add(30, 'days').format('YYYY-MM-DD'),\n        dateFormat: 'YYYY-MM-DD',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // locale\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.locale),\n      description: 'Locale for date formatting.',\n      args: {\n        label: 'Date Range (French)',\n        locale: 'fr-BE',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // dateFormat\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.dateFormat),\n      description: 'Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.',\n      args: {\n        label: 'Date Range Format',\n        dateFormat: 'YYYY-MM-DD',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // shortcutsPlacement\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.shortcutsPlacement),\n      description: 'Footer placement.',\n      args: {\n        label: 'Shortcuts Right',\n        shortcutsPlacement: 'right',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Week',\n            rangeValue: {\n              start: dayjs().startOf('week').format('DD/MM/YYYY'),\n              end: dayjs().endOf('week').format('DD/MM/YYYY'),\n            },\n          },\n        ],\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // showActions\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.showActions),\n      description: 'Show action buttons.',\n      args: {\n        label: 'Date Range with Actions',\n        showActions: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // shortcuts\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.shortcuts),\n      description: 'Custom actions to display in the footer.',\n      args: {\n        label: 'Date Range with Shortcuts',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Week',\n            rangeValue: {\n              start: dayjs().startOf('week').format('DD/MM/YYYY'),\n              end: dayjs().endOf('week').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Week',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'week')\n                .startOf('week')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'week')\n                .endOf('week')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // showWeekNumbers\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.showWeekNumbers),\n      description: 'Show week numbers.',\n      args: {\n        label: 'Date Range with Week Numbers',\n        showWeekNumbers: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // disabledDates\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.disabledDates),\n      description: 'Disabled dates ISO string array.',\n      args: {\n        label: 'Date Range with Disabled Dates',\n        dateFormat: 'DD/MM/YYYY',\n        disabledDates: [\n          dayjs().add(1, 'day').format('DD/MM/YYYY'),\n          dayjs().add(3, 'day').format('DD/MM/YYYY'),\n        ],\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // fluid\n    {\n      name: nameof<Components.NvFielddaterange>(x => x.fluid),\n      description:\n        'Allows the field to stretch and fill the entire width of its container.',\n      args: {\n        label: 'Fluid Date Range',\n        fluid: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // WithCalendarOptions\n    {\n      name: 'WithCalendarOptions',\n      args: {\n        label: 'Date Range with Calendar Options',\n        description: 'Calendar with additional options',\n        dateFormat: 'DD/MM/YYYY',\n        firstDayOfWeek: 1,\n        numberOfCalendars: 2,\n        showWeekNumbers: true,\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Week',\n            rangeValue: {\n              start: dayjs().startOf('week').format('DD/MM/YYYY'),\n              end: dayjs().endOf('week').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Week',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'week')\n                .startOf('week')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'week')\n                .endOf('week')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // WithShortcutsBottom\n    {\n      name: 'WithShortcutsBottom',\n      args: {\n        label: 'Date Range with Bottom Shortcuts',\n        description: 'Calendar with shortcuts at the bottom',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Month',\n            rangeValue: {\n              start: dayjs().startOf('month').format('DD/MM/YYYY'),\n              end: dayjs().endOf('month').format('DD/MM/YYYY'),\n            },\n          },\n          {\n            label: 'Last Month',\n            rangeValue: {\n              start: dayjs()\n                .subtract(1, 'month')\n                .startOf('month')\n                .format('DD/MM/YYYY'),\n              end: dayjs()\n                .subtract(1, 'month')\n                .endOf('month')\n                .format('DD/MM/YYYY'),\n            },\n          },\n        ],\n        shortcutsPlacement: 'bottom',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // WithShortcutsRight\n    {\n      name: 'WithShortcutsRight',\n      args: {\n        label: 'Date Range with Right Shortcuts',\n        description: 'Calendar with shortcuts on the right',\n        dateFormat: 'DD/MM/YYYY',\n        showActions: true,\n        shortcuts: [\n          {\n            label: 'This Quarter',\n            rangeValue: getThisQuarter(),\n          },\n          {\n            label: 'Last Quarter',\n            rangeValue: getLastQuarter(),\n          },\n        ],\n        shortcutsPlacement: 'right',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // WithDisabledDates\n    {\n      name: 'WithDisabledDates',\n      args: {\n        label: 'Date Range with Disabled Dates',\n        description: 'Calendar with specific dates disabled',\n        dateFormat: 'DD/MM/YYYY',\n        disabledDates: [\n          dayjs().add(1, 'day').format('DD/MM/YYYY'),\n          dayjs().add(3, 'day').format('DD/MM/YYYY'),\n          dayjs().add(5, 'day').format('DD/MM/YYYY'),\n        ],\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // MultipleCalendars\n    {\n      name: 'MultipleCalendars',\n      args: {\n        label: 'Multiple Calendars',\n        description: 'Display multiple calendars side by side',\n        dateFormat: 'DD/MM/YYYY',\n        numberOfCalendars: 3,\n        showWeekNumbers: true,\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // WithMinMax\n    {\n      name: 'WithMinMax',\n      args: {\n        label: 'Date Range with Min/Max',\n        description: 'Select dates within range',\n        dateFormat: 'YYYY-MM-DD',\n        min: '2025-02-05',\n        max: '2025-02-20',\n      },\n      template: <nv-fielddaterange data-storybook-args></nv-fielddaterange>,\n    },\n    // CulturalVariants\n    {\n      name: 'CulturalVariants',\n      args: {\n        numberOfCalendars: 2,\n        firstDayOfWeek: 1,\n        showWeekNumbers: true,\n      },\n      template: (\n        <div class=\"flex flex-wrap gap-4\">\n          <nv-fielddaterange\n            label=\"Date Range (en-BE)\"\n            locale=\"en-BE\"\n            dateFormat=\"YYYY-MM-DD\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (fr-BE)\"\n            locale=\"fr-BE\"\n            dateFormat=\"DD/MM/YYYY\"\n            data-storybook-args\n          />\n          <nv-fielddaterange\n            label=\"Date Range (de-DE)\"\n            locale=\"de-DE\"\n            dateFormat=\"DD.MM.YYYY\"\n            data-storybook-args\n          />\n        </div>\n      ),\n    },\n    // SlotDefault\n    {\n      name: 'SlotDefault',\n      description: 'Child content of the component.',\n      args: {\n        label: 'Date Range with Default Slot',\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <span>Custom content in default slot</span>\n        </nv-fielddaterange>\n      ),\n    },\n    // SlotLeadingInput\n    {\n      name: 'SlotLeadingInput',\n      description:\n        'Content to be placed before the input text, within the input container.',\n      args: {\n        label: 'Date Range with Leading Input',\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <nv-icon slot=\"leading-input\" name=\"calendar\"></nv-icon>\n        </nv-fielddaterange>\n      ),\n    },\n    // SlotBeforeInput\n    {\n      name: 'SlotBeforeInput',\n      description:\n        'Content to be placed before the input text, outside the input container.',\n      args: {\n        label: 'Date Range',\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <nv-button slot=\"before-input\">Before</nv-button>\n        </nv-fielddaterange>\n      ),\n    },\n    // SlotAfterInput\n    {\n      name: 'SlotAfterInput',\n      description:\n        'Content to be placed after the input text, outside the input container.',\n      args: {\n        label: 'Date Range',\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <nv-button slot=\"after-input\">After</nv-button>\n        </nv-fielddaterange>\n      ),\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description:\n        'Content to be placed as the label, will override the label prop.',\n      args: {\n        label: 'Original Label',\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <span slot=\"label\">Custom Label</span>\n        </nv-fielddaterange>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description:\n        'Content to be placed as the description, will override the description prop.',\n      args: {\n        label: 'Date Range',\n        description: 'Original description',\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fielddaterange>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'Content to be placed as the error description, will override the errorDescription prop.',\n      args: {\n        label: 'Date Range',\n        errorDescription: 'Original error description',\n        error: true,\n      },\n      template: (\n        <nv-fielddaterange data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fielddaterange>\n      ),\n    },\n    ...formatStories,\n  ],\n};\n\nexport default NvFielddaterangeDocs;\n"]}