sit-onyx 1.1.0-dev-20250930080442 → 1.1.0-dev-20250930084752

package/dist/components/OnyxCalendar/OnyxCalendar.d.vue.ts

@@ -0,0 +1,34 @@
+import { OnyxCalendarProps } from './types.js';
+/**
+ * @experimental
+ * @deprecated This component is still under active development and its API might change in patch releases.
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<OnyxCalendarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selectedDate": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<OnyxCalendarProps> & Readonly<{
+    "onUpdate:selectedDate"?: ((...args: any[]) => any) | undefined;
+}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    disabled: boolean;
+    size: import('./types.js', { with: { "resolution-mode": "import" } }).OnyxCalendarSize;
+    selection: import('./types.js', { with: { "resolution-mode": "import" } }).OnyxCalendarSelection;
+    weekStartDay: import('@sit-onyx/headless', { with: { "resolution-mode": "import" } }).OnyxWeekDays;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    calendar: HTMLDivElement;
+}, any>, Readonly<{
+    /**
+     * Optional slot that is displayed below at the right of the Header.
+     */
+    actions?(): unknown;
+}> & {
+    /**
+     * Optional slot that is displayed below at the right of the Header.
+     */
+    actions?(): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxCalendar/types.d.ts

@@ -0,0 +1,45 @@
+import { OnyxWeekDays } from '@sit-onyx/headless';
+import { DensityProp } from '../../composables/density.js';
+import { SkeletonInjected } from '../../composables/useSkeletonState.js';
+export type OnyxCalendarProps = DensityProp & {
+    /**
+     * Whether the calendar is disabled. Disables all interactions and prevents date selection.
+     */
+    disabled?: boolean;
+    /**
+     * The earliest selectable date. Dates before this will be disabled.
+     */
+    min?: Date;
+    /**
+     * The latest selectable date. Dates after this will be disabled.
+     */
+    max?: Date;
+    /**
+     * The first day of the week displayed in the calendar.
+     * @default Monday
+     */
+    weekStartDay?: OnyxWeekDays;
+    /**
+     * The initial date to display when the calendar is first rendered.
+     * @default today
+     */
+    initialDate?: Date;
+    /**
+     * The visual size of the calendar.
+     * - "big": larger layout with more spacing and bigger text
+     * - "small": compact layout
+     * - "auto": adjusts based on container or viewport
+     */
+    size?: OnyxCalendarSize;
+    /**
+     * Skeleton component to display while the calendar is loading.
+     */
+    skeleton?: SkeletonInjected;
+    /**
+     * The selection mode for dates.
+     * TODO: support "multiple" and "range".
+     */
+    selection?: OnyxCalendarSelection;
+};
+export type OnyxCalendarSelection = "single";
+export type OnyxCalendarSize = "big" | "small" | "auto";

package/dist/index.d.ts

@@ -22,6 +22,8 @@ export { default as OnyxButton } from './components/OnyxButton/OnyxButton.vue';
 export * from './components/OnyxButton/types.js';
 export { default as OnyxCard } from './components/OnyxCard/OnyxCard.vue';
 export * from './components/OnyxCard/types.js';
+export { default as OnyxUnstableCalendar } from './components/OnyxCalendar/OnyxCalendar.vue';
+export * from './components/OnyxCalendar/types.js';
 export { default as OnyxCheckbox } from './components/OnyxCheckbox/OnyxCheckbox.vue';
 export * from './components/OnyxCheckbox/types.js';
 export { default as OnyxCheckboxGroup } from './components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue';