@beeq/core 1.3.3 → 1.4.0

package/dist/stencil.config.js

@@ -23,6 +23,7 @@ export const config = {
     taskQueue: 'async',
     buildDist: true,
     enableCache: true,
+    globalScript: resolve(__dirname, './src/global/scripts/global.ts').replace(/\\/g, '/'),
     globalStyle: resolve(__dirname, './src/global/styles/default.scss').replace(/\\/g, '/'),
     plugins: [
         sass({

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\nimport tailwindConf from '../../tailwind.config';\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolve(__dirname, '../../postcss.config.js').replace(/\\\\/g, '/'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  globalStyle: resolve(__dirname, './src/global/styles/default.scss').replace(/\\\\/g, '/'),\n  plugins: [\n    sass({\n      includePaths: [\n        resolve(__dirname, '../../node_modules').replace(/\\\\/g, '/'),\n        resolve(__dirname, 'src/global/styles').replace(/\\\\/g, '/'),\n      ],\n      injectGlobalPaths: [resolve(__dirname, 'src/global/styles/mixins/index.scss').replace(/\\\\/g, '/')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    { type: 'docs-vscode', file: 'custom-elements.json' },\n    { type: 'dist', copy: [{ src: '../README.md' }] },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolve(__dirname, '../beeq-angular/src/directives/components.ts').replace(/\\\\/g, '/'),\n      directivesArrayFile: resolve(__dirname, '../beeq-angular/src/directives/index.ts').replace(/\\\\/g, '/'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    angular({\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/components.ts').replace(\n        /\\\\/g,\n        '/',\n      ),\n      directivesArrayFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/index.ts').replace(/\\\\/g, '/'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      componentCorePackage,\n      proxiesFile: resolve(__dirname, '../beeq-react/src/components.ts').replace(/\\\\/g, '/'),\n      includeImportCustomElements: true,\n      customElementsDir,\n    }),\n    vue({\n      componentCorePackage,\n      proxiesFile: resolve(__dirname, '../beeq-vue/src/components.ts').replace(/\\\\/g, '/'),\n      componentModels: vueComponentModels,\n      includeImportCustomElements: true,\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n};\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import { resolve } from 'path';\n\nimport { angularOutputTarget as angular } from '@stencil/angular-output-target';\nimport { Config } from '@stencil/core';\nimport { reactOutputTarget as react } from '@stencil/react-output-target';\nimport { sass } from '@stencil/sass';\nimport { vueOutputTarget as vue } from '@stencil/vue-output-target';\nimport tailwind, { PluginConfigOpts, tailwindHMR } from 'stencil-tailwind-plugin';\n\nimport { angularValueAccessorBindings, generateCustomElementsJson, vueComponentModels } from './src/tools';\nimport tailwindConf from '../../tailwind.config';\n\nconst tailwindOpts: PluginConfigOpts = {\n  postcss: resolve(__dirname, '../../postcss.config.js').replace(/\\\\/g, '/'),\n  tailwindConf: tailwindConf,\n  stripComments: true,\n};\n\nconst namespace = 'beeq';\nconst componentCorePackage = `@${namespace}/core`;\nconst customElementsDir = 'dist/components';\n\nexport const config: Config = {\n  namespace,\n  taskQueue: 'async',\n  buildDist: true,\n  enableCache: true,\n  globalScript: resolve(__dirname, './src/global/scripts/global.ts').replace(/\\\\/g, '/'),\n  globalStyle: resolve(__dirname, './src/global/styles/default.scss').replace(/\\\\/g, '/'),\n  plugins: [\n    sass({\n      includePaths: [\n        resolve(__dirname, '../../node_modules').replace(/\\\\/g, '/'),\n        resolve(__dirname, 'src/global/styles').replace(/\\\\/g, '/'),\n      ],\n      injectGlobalPaths: [resolve(__dirname, 'src/global/styles/mixins/index.scss').replace(/\\\\/g, '/')],\n      outputStyle: 'compressed',\n      sourceMap: true,\n      sourceMapEmbed: true,\n      sourceMapContents: true,\n    }),\n    tailwind(tailwindOpts),\n    tailwindHMR({ tailwindConf }),\n  ],\n  outputTargets: [\n    { type: 'docs-readme' },\n    { type: 'docs-custom', generator: generateCustomElementsJson },\n    { type: 'docs-vscode', file: 'custom-elements.json' },\n    { type: 'dist', copy: [{ src: '../README.md' }] },\n    { type: 'dist-hydrate-script', dir: 'dist/hydrate' },\n    {\n      type: 'dist-custom-elements',\n      customElementsExportBehavior: 'single-export-module',\n      dir: customElementsDir,\n      minify: true,\n    },\n    {\n      type: 'www',\n      copy: [\n        { src: 'global/assets', dest: 'assets' },\n        { src: 'global/scripts', dest: 'scripts' },\n      ],\n      serviceWorker: null, // disable service workers\n    },\n    angular({\n      componentCorePackage,\n      outputType: 'component', // Generate many component wrappers tied to a single Angular module (lazy/hydrated approach)\n      directivesProxyFile: resolve(__dirname, '../beeq-angular/src/directives/components.ts').replace(/\\\\/g, '/'),\n      directivesArrayFile: resolve(__dirname, '../beeq-angular/src/directives/index.ts').replace(/\\\\/g, '/'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    angular({\n      componentCorePackage,\n      outputType: 'standalone', // Generate a component with the standalone flag set to true.\n      directivesProxyFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/components.ts').replace(\n        /\\\\/g,\n        '/',\n      ),\n      directivesArrayFile: resolve(__dirname, '../beeq-angular/standalone/src/directives/index.ts').replace(/\\\\/g, '/'),\n      valueAccessorConfigs: angularValueAccessorBindings,\n      customElementsDir,\n    }),\n    react({\n      componentCorePackage,\n      proxiesFile: resolve(__dirname, '../beeq-react/src/components.ts').replace(/\\\\/g, '/'),\n      includeImportCustomElements: true,\n      customElementsDir,\n    }),\n    vue({\n      componentCorePackage,\n      proxiesFile: resolve(__dirname, '../beeq-vue/src/components.ts').replace(/\\\\/g, '/'),\n      componentModels: vueComponentModels,\n      includeImportCustomElements: true,\n      customElementsDir,\n    }),\n  ],\n  extras: {\n    /**\n     * Details:\n     * https://stenciljs.com/docs/config-extras\n     */\n    enableImportInjection: true,\n    experimentalScopedSlotChanges: true,\n    experimentalSlotFixes: true,\n  },\n  preamble: 'Built by Endavans\\n© https://beeq.design - Apache 2 License.',\n  watchIgnoredRegex: /(custom-elements\\.)((d\\.ts)|(json))$/g,\n  devServer: {\n    openBrowser: false,\n    port: 8001,\n    reloadStrategy: 'pageReload',\n  },\n};\n"]}

package/dist/types/components/date-picker/bq-date-picker.d.ts

@@ -0,0 +1,188 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DaysOfWeek, TDatePickerType } from './bq-date-picker.types';
+import { FloatingUIPlacement } from '../../services/interfaces';
+import { TInputValidation } from '../input/bq-input.types';
+/**
+ * @part base - The component's base wrapper.
+ * @part button - The native HTML button used under the hood in the clear button.
+ * @part clear-btn - The clear button.
+ * @part control - The input control wrapper.
+ * @part input - The native HTML input element used under the hood.
+ * @part label - The label slot container.
+ * @part panel - The date picker panel container
+ * @part prefix - The prefix slot container.
+ * @part suffix - The suffix slot container.
+
+// Parts from the Cally library for calendar-date and calendar-range components:
+ * @part container - The container for the entire component.
+ * @part header - The container for heading and button's.
+ * @part button - Any button within the component.
+ * @part previous - The previous page button.
+ * @part next - The next page button.
+ * @part disabled - A button that is disabled due to min/max.
+ * @part heading - The heading containing the month and year.
+
+// Parts specific to the calendar-month component:
+ * @part heading - The heading that labels the month.
+ * @part table - The <table> element.
+ * @part tr - Any row within the table.
+ * @part head - The table's header row.
+ * @part week - The table's body rows.
+ * @part th - The table's header cells.
+ * @part td - The table's body cells.
+ * @part button - Any button used in the component.
+ * @part day - The buttons corresponding to each day in the grid.
+ * @part selected - Any days which are selected.
+ * @part today - Today's day.
+ * @part disallowed - Any day that has been disallowed via isDateDisallowed.
+ * @part outside - Any days which are outside the current month.
+ * @part range-start - The day at the start of a date range.
+ * @part range-end - The day at the end of a date range.
+ * @part range-inner - Any days between the start and end of a date range.
+ */
+export declare class BqDatePicker {
+    private inputElem?;
+    private labelElem?;
+    private prefixElem?;
+    private suffixElem?;
+    private fallbackInputId;
+    private readonly COMMON_EXPORT_PARTS;
+    private readonly BUTTON_EXPORT_PARTS;
+    el: HTMLBqDatePickerElement;
+    formattedDate: string;
+    hasLabel: boolean;
+    hasPrefix: boolean;
+    hasSuffix: boolean;
+    hasValue: boolean;
+    /** If `true`, the Date picker input will be focused on component render */
+    autofocus: boolean;
+    /** The clear button aria label */
+    clearButtonLabel?: string;
+    /** If `true`, the clear button won't be displayed */
+    disableClear?: boolean;
+    /**
+     * Indicates whether the Date picker input is disabled or not.
+     * If `true`, the Date picker is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+    /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */
+    distance?: number;
+    /** The first day of the week, where Sunday is 0, Monday is 1, etc */
+    firstDayOfWeek?: DaysOfWeek;
+    /** The options to use when formatting the displayed value.
+     * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options
+     */
+    formatOptions: Intl.DateTimeFormatOptions;
+    /** The ID of the form that the Date picker input belongs to. */
+    form?: string;
+    /** A function that takes a date and returns true if the date should not be selectable */
+    isDateDisallowed?: (date: Date) => boolean;
+    /** The locale for formatting dates. If not set, will use the browser's locale.
+     * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
+     */
+    locale: Intl.LocalesArgument;
+    /** The latest date that can be selected */
+    max?: string;
+    /** The earliest date that can be selected */
+    min?: string;
+    /** Number of months to show when range is `true` */
+    months: number;
+    /** The number of months to display per page when using next/previous buttons. */
+    monthsPerView: number;
+    /** The Date picker input name. */
+    name: string;
+    /** If `true`, the Date picker panel will be visible. */
+    open?: boolean;
+    /** When set, it will override the height of the Date picker panel. */
+    panelHeight?: string;
+    /** The Date picker input placeholder text value */
+    placeholder?: string;
+    /** Position of the Date picker panel */
+    placement?: FloatingUIPlacement;
+    /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */
+    required?: boolean;
+    /** Represents the skidding between the Date picker panel and the input element. */
+    skidding?: number;
+    /** Whether to show days outside the month */
+    showOutsideDays: boolean;
+    /** Defines the strategy to position the Date picker panel */
+    strategy?: 'fixed' | 'absolute';
+    /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */
+    type: TDatePickerType;
+    /**
+     * The validation status of the Select input.
+     *
+     * @remarks
+     * This property is used to indicate the validation status of the select input. It can be set to one of the following values:
+     * - `'none'`: No validation status is set.
+     * - `'error'`: The input has a validation error.
+     * - `'warning'`: The input has a validation warning.
+     * - `'success'`: The input has passed validation.
+     */
+    validationStatus: TInputValidation;
+    /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.
+     * All dates are expected in ISO-8601 format (YYYY-MM-DD). */
+    value: string;
+    handleValueChange(): void;
+    checkPropValues(): void;
+    /** Callback handler emitted when the input loses focus */
+    bqBlur: EventEmitter<HTMLBqDatePickerElement>;
+    /**
+     * Callback handler emitted when the input value has changed and the input loses focus.
+     * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
+     */
+    bqChange: EventEmitter<{
+        value: string;
+        el: HTMLBqDatePickerElement;
+    }>;
+    /** Callback handler emitted when the input value has been cleared */
+    bqClear: EventEmitter<HTMLBqDatePickerElement>;
+    /** Callback handler emitted when the input has received focus */
+    bqFocus: EventEmitter<HTMLBqDatePickerElement>;
+    componentDidLoad(): void;
+    handleOpenChange(ev: CustomEvent<{
+        open: boolean;
+    }>): void;
+    /**
+     * Clears the selected value.
+     *
+     * @return {Promise<void>}
+     * @memberof BqInput
+     */
+    clear(): Promise<void>;
+    private handleBlur;
+    private handleFocus;
+    private handleChange;
+    private handleCalendarChange;
+    private handleClearClick;
+    private handleLabelSlotChange;
+    private handlePrefixSlotChange;
+    private handleSuffixSlotChange;
+    private generateCalendarMonth;
+    /**
+     * Generates an array of JSX.Element representing calendar months.
+     *
+     * If the type of the date picker is 'range' or 'multi' and the number of months is specified,
+     * it generates an array of calendar months with the specified length. Each month will have an offset
+     * and a class name based on its position in the array. The offset is used to determine the month to display,
+     * and the class name is used for responsive design.
+     *
+     * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,
+     * it generates an array with a single calendar month.
+     *
+     * @returns {JSX.Element[]} An array of JSX.Element representing calendar months.
+     */
+    private generateCalendarMonths;
+    /**
+     * Extracts and returns the first date part from a given string.
+     * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value
+     * should be the focused date in the calendar.
+     *
+     * @param value - The value to be processed, can be a string.
+     * @returns The extracted last date portion of the value.
+     */
+    private focusedDate;
+    private formatDate;
+    private get CalendarType();
+    render(): any;
+}

package/dist/types/components/date-picker/bq-date-picker.types.d.ts

@@ -0,0 +1,3 @@
+export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export declare const DATE_PICKER_TYPE: readonly ["single", "multi", "range"];
+export type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];

package/dist/types/components.d.ts

@@ -11,13 +11,14 @@ import { TAvatarShape, TAvatarSize } from "./components/avatar/bq-avatar.types";
 import { TBadgeSize } from "./components/badge/bq-badge.types";
 import { TButtonAppearance, TButtonBorderRadius, TButtonSize, TButtonType, TButtonVariant } from "./components/button/bq-button.types";
 import { TCardBorderRadius, TCardType } from "./components/card/bq-card.types";
+import { DaysOfWeek, TDatePickerType } from "./components/date-picker/bq-date-picker.types";
+import { FloatingUIPlacement } from "./services/interfaces";
+import { TInputType, TInputValidation, TInputValue } from "./components/input/bq-input.types";
 import { TDialogBorderRadius, TDialogFooterAppearance, TDialogSize } from "./components/dialog/bq-dialog.types";
 import { TDividerOrientation, TDividerStrokeLinecap, TDividerTitleAlignment } from "./components/divider/bq-divider.types";
 import { TDrawerPlacement } from "./components/drawer/bq-drawer.types";
-import { FloatingUIPlacement } from "./services/interfaces";
 import { TEmptyStateSize } from "./components/empty-state/bq-empty-state.types";
 import { TIconWeight } from "./components/icon/bq-icon.types";
-import { TInputType, TInputValidation, TInputValue } from "./components/input/bq-input.types";
 import { TNotificationBorderRadius, TNotificationType } from "./components/notification/bq-notification.types";
 import { TProgressBorderShape, TProgressThickness, TProgressType } from "./components/progress/bq-progress.types";
 import { TRadioGroupOrientation } from "./components/radio-group/bq-radio-group.types";
@@ -39,13 +40,14 @@ export { TAvatarShape, TAvatarSize } from "./components/avatar/bq-avatar.types";
 export { TBadgeSize } from "./components/badge/bq-badge.types";
 export { TButtonAppearance, TButtonBorderRadius, TButtonSize, TButtonType, TButtonVariant } from "./components/button/bq-button.types";
 export { TCardBorderRadius, TCardType } from "./components/card/bq-card.types";
+export { DaysOfWeek, TDatePickerType } from "./components/date-picker/bq-date-picker.types";
+export { FloatingUIPlacement } from "./services/interfaces";
+export { TInputType, TInputValidation, TInputValue } from "./components/input/bq-input.types";
 export { TDialogBorderRadius, TDialogFooterAppearance, TDialogSize } from "./components/dialog/bq-dialog.types";
 export { TDividerOrientation, TDividerStrokeLinecap, TDividerTitleAlignment } from "./components/divider/bq-divider.types";
 export { TDrawerPlacement } from "./components/drawer/bq-drawer.types";
-export { FloatingUIPlacement } from "./services/interfaces";
 export { TEmptyStateSize } from "./components/empty-state/bq-empty-state.types";
 export { TIconWeight } from "./components/icon/bq-icon.types";
-export { TInputType, TInputValidation, TInputValue } from "./components/input/bq-input.types";
 export { TNotificationBorderRadius, TNotificationType } from "./components/notification/bq-notification.types";
 export { TProgressBorderShape, TProgressThickness, TProgressType } from "./components/progress/bq-progress.types";
 export { TRadioGroupOrientation } from "./components/radio-group/bq-radio-group.types";
@@ -321,6 +323,119 @@ export namespace Components {
          */
         "value": string;
     }
+    interface BqDatePicker {
+        /**
+          * If `true`, the Date picker input will be focused on component render
+         */
+        "autofocus": boolean;
+        /**
+          * Clears the selected value.
+          * @return 
+          * @memberof BqInput
+         */
+        "clear": () => Promise<void>;
+        /**
+          * The clear button aria label
+         */
+        "clearButtonLabel"?: string;
+        /**
+          * If `true`, the clear button won't be displayed
+         */
+        "disableClear"?: boolean;
+        /**
+          * Indicates whether the Date picker input is disabled or not. If `true`, the Date picker is disabled and cannot be interacted with.
+         */
+        "disabled"?: boolean;
+        /**
+          * Represents the distance (gutter or margin) between the Date picker panel and the input element.
+         */
+        "distance"?: number;
+        /**
+          * The first day of the week, where Sunday is 0, Monday is 1, etc
+         */
+        "firstDayOfWeek"?: DaysOfWeek;
+        /**
+          * The ID of the form that the Date picker input belongs to.
+         */
+        "form"?: string;
+        /**
+          * The options to use when formatting the displayed value. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options
+         */
+        "formatOptions": Intl.DateTimeFormatOptions;
+        /**
+          * A function that takes a date and returns true if the date should not be selectable
+         */
+        "isDateDisallowed"?: (date: Date) => boolean;
+        /**
+          * The locale for formatting dates. If not set, will use the browser's locale. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
+         */
+        "locale": Intl.LocalesArgument;
+        /**
+          * The latest date that can be selected
+         */
+        "max"?: string;
+        /**
+          * The earliest date that can be selected
+         */
+        "min"?: string;
+        /**
+          * Number of months to show when range is `true`
+         */
+        "months": number;
+        /**
+          * The number of months to display per page when using next/previous buttons.
+         */
+        "monthsPerView": number;
+        /**
+          * The Date picker input name.
+         */
+        "name": string;
+        /**
+          * If `true`, the Date picker panel will be visible.
+         */
+        "open"?: boolean;
+        /**
+          * When set, it will override the height of the Date picker panel.
+         */
+        "panelHeight"?: string;
+        /**
+          * The Date picker input placeholder text value
+         */
+        "placeholder"?: string;
+        /**
+          * Position of the Date picker panel
+         */
+        "placement"?: FloatingUIPlacement;
+        /**
+          * Indicates whether or not the Date picker input is required to be filled out before submitting the form.
+         */
+        "required"?: boolean;
+        /**
+          * Whether to show days outside the month
+         */
+        "showOutsideDays": boolean;
+        /**
+          * Represents the skidding between the Date picker panel and the input element.
+         */
+        "skidding"?: number;
+        /**
+          * Defines the strategy to position the Date picker panel
+         */
+        "strategy"?: 'fixed' | 'absolute';
+        /**
+          * It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection
+         */
+        "type": TDatePickerType;
+        /**
+          * The validation status of the Select input.
+          * @remarks This property is used to indicate the validation status of the select input. It can be set to one of the following values: - `'none'`: No validation status is set. - `'error'`: The input has a validation error. - `'warning'`: The input has a validation warning. - `'success'`: The input has passed validation.
+         */
+        "validationStatus": TInputValidation;
+        /**
+          * The select input value represents the currently selected date or range and can be used to reset the field to a previous value. All dates are expected in ISO-8601 format (YYYY-MM-DD).
+         */
+        "value": string;
+    }
     interface BqDialog {
         /**
           * Corder radius of the dialog component
@@ -1362,6 +1477,10 @@ export interface BqCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBqCheckboxElement;
 }
+export interface BqDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBqDatePickerElement;
+}
 export interface BqDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBqDialogElement;
@@ -1593,6 +1712,26 @@ declare global {
         prototype: HTMLBqCheckboxElement;
         new (): HTMLBqCheckboxElement;
     };
+    interface HTMLBqDatePickerElementEventMap {
+        "bqBlur": HTMLBqDatePickerElement;
+        "bqChange": { value: string; el: HTMLBqDatePickerElement };
+        "bqClear": HTMLBqDatePickerElement;
+        "bqFocus": HTMLBqDatePickerElement;
+    }
+    interface HTMLBqDatePickerElement extends Components.BqDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBqDatePickerElementEventMap>(type: K, listener: (this: HTMLBqDatePickerElement, ev: BqDatePickerCustomEvent<HTMLBqDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBqDatePickerElementEventMap>(type: K, listener: (this: HTMLBqDatePickerElement, ev: BqDatePickerCustomEvent<HTMLBqDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBqDatePickerElement: {
+        prototype: HTMLBqDatePickerElement;
+        new (): HTMLBqDatePickerElement;
+    };
     interface HTMLBqDialogElementEventMap {
         "bqCancel": void;
         "bqClose": void;
@@ -2067,6 +2206,7 @@ declare global {
         "bq-button": HTMLBqButtonElement;
         "bq-card": HTMLBqCardElement;
         "bq-checkbox": HTMLBqCheckboxElement;
+        "bq-date-picker": HTMLBqDatePickerElement;
         "bq-dialog": HTMLBqDialogElement;
         "bq-divider": HTMLBqDividerElement;
         "bq-drawer": HTMLBqDrawerElement;
@@ -2427,6 +2567,129 @@ declare namespace LocalJSX {
          */
         "value": string;
     }
+    interface BqDatePicker {
+        /**
+          * If `true`, the Date picker input will be focused on component render
+         */
+        "autofocus"?: boolean;
+        /**
+          * The clear button aria label
+         */
+        "clearButtonLabel"?: string;
+        /**
+          * If `true`, the clear button won't be displayed
+         */
+        "disableClear"?: boolean;
+        /**
+          * Indicates whether the Date picker input is disabled or not. If `true`, the Date picker is disabled and cannot be interacted with.
+         */
+        "disabled"?: boolean;
+        /**
+          * Represents the distance (gutter or margin) between the Date picker panel and the input element.
+         */
+        "distance"?: number;
+        /**
+          * The first day of the week, where Sunday is 0, Monday is 1, etc
+         */
+        "firstDayOfWeek"?: DaysOfWeek;
+        /**
+          * The ID of the form that the Date picker input belongs to.
+         */
+        "form"?: string;
+        /**
+          * The options to use when formatting the displayed value. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options
+         */
+        "formatOptions"?: Intl.DateTimeFormatOptions;
+        /**
+          * A function that takes a date and returns true if the date should not be selectable
+         */
+        "isDateDisallowed"?: (date: Date) => boolean;
+        /**
+          * The locale for formatting dates. If not set, will use the browser's locale. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
+         */
+        "locale"?: Intl.LocalesArgument;
+        /**
+          * The latest date that can be selected
+         */
+        "max"?: string;
+        /**
+          * The earliest date that can be selected
+         */
+        "min"?: string;
+        /**
+          * Number of months to show when range is `true`
+         */
+        "months"?: number;
+        /**
+          * The number of months to display per page when using next/previous buttons.
+         */
+        "monthsPerView"?: number;
+        /**
+          * The Date picker input name.
+         */
+        "name": string;
+        /**
+          * Callback handler emitted when the input loses focus
+         */
+        "onBqBlur"?: (event: BqDatePickerCustomEvent<HTMLBqDatePickerElement>) => void;
+        /**
+          * Callback handler emitted when the input value has changed and the input loses focus. This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
+         */
+        "onBqChange"?: (event: BqDatePickerCustomEvent<{ value: string; el: HTMLBqDatePickerElement }>) => void;
+        /**
+          * Callback handler emitted when the input value has been cleared
+         */
+        "onBqClear"?: (event: BqDatePickerCustomEvent<HTMLBqDatePickerElement>) => void;
+        /**
+          * Callback handler emitted when the input has received focus
+         */
+        "onBqFocus"?: (event: BqDatePickerCustomEvent<HTMLBqDatePickerElement>) => void;
+        /**
+          * If `true`, the Date picker panel will be visible.
+         */
+        "open"?: boolean;
+        /**
+          * When set, it will override the height of the Date picker panel.
+         */
+        "panelHeight"?: string;
+        /**
+          * The Date picker input placeholder text value
+         */
+        "placeholder"?: string;
+        /**
+          * Position of the Date picker panel
+         */
+        "placement"?: FloatingUIPlacement;
+        /**
+          * Indicates whether or not the Date picker input is required to be filled out before submitting the form.
+         */
+        "required"?: boolean;
+        /**
+          * Whether to show days outside the month
+         */
+        "showOutsideDays"?: boolean;
+        /**
+          * Represents the skidding between the Date picker panel and the input element.
+         */
+        "skidding"?: number;
+        /**
+          * Defines the strategy to position the Date picker panel
+         */
+        "strategy"?: 'fixed' | 'absolute';
+        /**
+          * It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection
+         */
+        "type"?: TDatePickerType;
+        /**
+          * The validation status of the Select input.
+          * @remarks This property is used to indicate the validation status of the select input. It can be set to one of the following values: - `'none'`: No validation status is set. - `'error'`: The input has a validation error. - `'warning'`: The input has a validation warning. - `'success'`: The input has passed validation.
+         */
+        "validationStatus"?: TInputValidation;
+        /**
+          * The select input value represents the currently selected date or range and can be used to reset the field to a previous value. All dates are expected in ISO-8601 format (YYYY-MM-DD).
+         */
+        "value"?: string;
+    }
     interface BqDialog {
         /**
           * Corder radius of the dialog component
@@ -3593,6 +3856,7 @@ declare namespace LocalJSX {
         "bq-button": BqButton;
         "bq-card": BqCard;
         "bq-checkbox": BqCheckbox;
+        "bq-date-picker": BqDatePicker;
         "bq-dialog": BqDialog;
         "bq-divider": BqDivider;
         "bq-drawer": BqDrawer;
@@ -3642,6 +3906,7 @@ declare module "@stencil/core" {
             "bq-button": LocalJSX.BqButton & JSXBase.HTMLAttributes<HTMLBqButtonElement>;
             "bq-card": LocalJSX.BqCard & JSXBase.HTMLAttributes<HTMLBqCardElement>;
             "bq-checkbox": LocalJSX.BqCheckbox & JSXBase.HTMLAttributes<HTMLBqCheckboxElement>;
+            "bq-date-picker": LocalJSX.BqDatePicker & JSXBase.HTMLAttributes<HTMLBqDatePickerElement>;
             "bq-dialog": LocalJSX.BqDialog & JSXBase.HTMLAttributes<HTMLBqDialogElement>;
             "bq-divider": LocalJSX.BqDivider & JSXBase.HTMLAttributes<HTMLBqDividerElement>;
             "bq-drawer": LocalJSX.BqDrawer & JSXBase.HTMLAttributes<HTMLBqDrawerElement>;

package/dist/types/global/scripts/global.d.ts

@@ -0,0 +1,13 @@
+import 'cally';
+import type { JSXBase } from '../../stencil-public-runtime';
+import type { CalendarDateProps, CalendarMonthProps, CalendarMultiProps, CalendarRangeProps } from 'cally';
+declare module '@stencil/core' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'calendar-multi': CalendarMultiProps & JSXBase.HTMLAttributes<CalendarMultiProps>;
+            'calendar-range': CalendarRangeProps & JSXBase.HTMLAttributes<CalendarDateProps>;
+            'calendar-date': CalendarDateProps & JSXBase.HTMLAttributes<CalendarDateProps>;
+            'calendar-month': CalendarMonthProps & JSXBase.HTMLAttributes<CalendarMonthProps>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
-export * from './components';
-export * from './services/interfaces';
+export type * from './components.d.ts';
 export * from './shared/utils';

package/dist/types/shared/test-utils/setProperties.d.ts

@@ -9,4 +9,4 @@ export type BqHTMLTagNameMap = keyof {
  * @param {Object} attributes - attributes that will be set on element instance
  * @returns {Object} attributes that were set on element instance
  */
-export declare const setProperties: <T extends keyof HTMLElementTagNameMap = "bq-checkbox" | "bq-switch" | "bq-radio-group" | "bq-select" | "bq-textarea" | "bq-input" | "bq-slider" | "bq-accordion" | "bq-accordion-group" | "bq-alert" | "bq-avatar" | "bq-badge" | "bq-breadcrumb" | "bq-breadcrumb-item" | "bq-button" | "bq-card" | "bq-dialog" | "bq-divider" | "bq-drawer" | "bq-dropdown" | "bq-empty-state" | "bq-icon" | "bq-notification" | "bq-option" | "bq-option-group" | "bq-option-list" | "bq-panel" | "bq-progress" | "bq-radio" | "bq-side-menu" | "bq-side-menu-item" | "bq-spinner" | "bq-status" | "bq-step-item" | "bq-steps" | "bq-tab" | "bq-tab-group" | "bq-tag" | "bq-toast" | "bq-tooltip">(page: E2EPage, element: T, attributes: Partial<HTMLElementTagNameMap[T]>) => Promise<{}>;
+export declare const setProperties: <T extends keyof HTMLElementTagNameMap = "bq-checkbox" | "bq-switch" | "bq-radio-group" | "bq-select" | "bq-textarea" | "bq-input" | "bq-slider" | "bq-accordion" | "bq-accordion-group" | "bq-alert" | "bq-avatar" | "bq-badge" | "bq-breadcrumb" | "bq-breadcrumb-item" | "bq-button" | "bq-card" | "bq-date-picker" | "bq-dialog" | "bq-divider" | "bq-drawer" | "bq-dropdown" | "bq-empty-state" | "bq-icon" | "bq-notification" | "bq-option" | "bq-option-group" | "bq-option-list" | "bq-panel" | "bq-progress" | "bq-radio" | "bq-side-menu" | "bq-side-menu-item" | "bq-spinner" | "bq-status" | "bq-step-item" | "bq-steps" | "bq-tab" | "bq-tab-group" | "bq-tag" | "bq-toast" | "bq-tooltip">(page: E2EPage, element: T, attributes: Partial<HTMLElementTagNameMap[T]>) => Promise<{}>;