@origostudio/origo-design 0.0.50 → 0.0.51

package/CHANGELOG.md

@@ -1,10 +1,12 @@
-## 0.0.50 (2026-10-08)
+## 0.0.51 (2026-10-08)
 
 ### 🚀 Features
 
-- add implementation artifact and sprint status for core selection controls story ([3cd083c](https://github.com/OrigoStudio/origo-design/commit/3cd083c))
-- add core selection control primitives including select, multi-select, combobox, and autocomplete components ([3866703](https://github.com/OrigoStudio/origo-design/commit/3866703))
-- add sprint-status tracking and core-selection-controls implementation artifact ([1b5b94f](https://github.com/OrigoStudio/origo-design/commit/1b5b94f))
+- add sprint status and story for date and time controls ([fd66c6e](https://github.com/OrigoStudio/origo-design/commit/fd66c6e))
+- add date-picker, date-range-picker, and time-picker primitive components to angular renderer ([649dadc](https://github.com/OrigoStudio/origo-design/commit/649dadc))
+- add date-picker, time-picker, and date-range-picker primitive components ([25530e1](https://github.com/OrigoStudio/origo-design/commit/25530e1))
+- initialize sprint status tracking with completed core UI stories ([ff4bc24](https://github.com/OrigoStudio/origo-design/commit/ff4bc24))
+- add DatePickerComponent primitive for Angular renderer ([6746c8e](https://github.com/OrigoStudio/origo-design/commit/6746c8e))
 
 ### ❤️ Thank You
 

package/dist/packages/angular-renderer/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 0.0.51 (2026-10-08)
+
+### 🚀 Features
+
+- add DatePickerComponent primitive for Angular renderer ([6746c8e](https://github.com/OrigoStudio/origo-design/commit/6746c8e))
+- add date-picker, time-picker, and date-range-picker primitive components ([25530e1](https://github.com/OrigoStudio/origo-design/commit/25530e1))
+- add date-picker, date-range-picker, and time-picker primitive components to angular renderer ([649dadc](https://github.com/OrigoStudio/origo-design/commit/649dadc))
+
+### ❤️ Thank You
+
+- Hardik Patel @hardikpatelse
+
 ## 0.0.50 (2026-10-08)
 
 ### 🚀 Features

package/dist/packages/angular-renderer/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@origostudio/angular-renderer",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "private": false,
   "type": "commonjs",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@origostudio/core": "0.0.50",
-    "@origostudio/design-tokens": "0.0.50",
+    "@origostudio/core": "0.0.51",
+    "@origostudio/design-tokens": "0.0.51",
     "tslib": "^2.3.0",
     "@analogjs/vite-plugin-angular": "^2.7.1",
     "zone.js": "^0.16.3",

package/dist/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.d.ts

@@ -0,0 +1,57 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface DatePickerProps {
+    format?: string;
+    minDate?: string;
+    maxDate?: string;
+    showTime?: boolean;
+    timezone?: string;
+    value?: string;
+    'aria-label'?: string;
+}
+interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+}
+export declare class DatePickerComponent implements OrigoAdapter<DatePickerProps> {
+    static readonly contractSchema: {
+        format: string;
+        minDate: string;
+        maxDate: string;
+        showTime: string;
+        timezone: string;
+        value: string;
+        'aria-label': string;
+        permissions: string;
+        rules: string;
+        metadata: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<DatePickerProps>>;
+    value: import("@angular/core").ModelSignal<string | null>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    currentViewDate: import("@angular/core").WritableSignal<Date>;
+    private experienceAdapter;
+    private elementRef;
+    weekDays: string[];
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    displayValue: import("@angular/core").Signal<string>;
+    private parseSafeUTC;
+    constructor();
+    onClickOutside(event: MouseEvent): void;
+    onEscape(): void;
+    toggleCalendar(): void;
+    currentMonthYear: import("@angular/core").Signal<string>;
+    private isDateDisabled;
+    calendarGrid: import("@angular/core").Signal<CalendarDay[][]>;
+    hasSelection(): boolean;
+    isSelected(date: Date): boolean;
+    selectDate(year: number, month: number, day: number): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onDayKeyDown(event: KeyboardEvent, date: Date): void;
+}
+export {};

package/dist/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.js

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerComponent = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
+let DatePickerComponent = (() => {
+    let _classDecorators = [(0, core_1.Component)({
+            selector: 'origo-date-picker',
+            standalone: true,
+            templateUrl: './date-picker.component.html',
+            styleUrls: ['./date-picker.component.scss'],
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            encapsulation: core_1.ViewEncapsulation.ShadowDom,
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _instanceExtraInitializers = [];
+    let _onClickOutside_decorators;
+    let _onEscape_decorators;
+    var DatePickerComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _onClickOutside_decorators = [(0, core_1.HostListener)('document:mousedown', ['$event'])];
+            _onEscape_decorators = [(0, core_1.HostListener)('document:keydown.escape')];
+            tslib_1.__esDecorate(this, null, _onClickOutside_decorators, { kind: "method", name: "onClickOutside", static: false, private: false, access: { has: obj => "onClickOutside" in obj, get: obj => obj.onClickOutside }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(this, null, _onEscape_decorators, { kind: "method", name: "onEscape", static: false, private: false, access: { has: obj => "onEscape" in obj, get: obj => obj.onEscape }, metadata: _metadata }, null, _instanceExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DatePickerComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static contractSchema = {
+            format: 'string',
+            minDate: 'string',
+            maxDate: 'string',
+            showTime: 'boolean',
+            timezone: 'string',
+            value: 'string',
+            'aria-label': 'string',
+            permissions: 'array',
+            rules: 'array',
+            metadata: 'object',
+        };
+        static strictContract = false;
+        contract = (tslib_1.__runInitializers(this, _instanceExtraInitializers), core_1.input.required());
+        value = (0, core_1.model)(null);
+        isOpen = (0, core_1.signal)(false);
+        currentViewDate = (0, core_1.signal)(new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1)));
+        experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
+        elementRef = (0, core_1.inject)(core_1.ElementRef);
+        weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+        computedAriaLabel = (0, core_1.computed)(() => this.contract().props?.['aria-label'] || 'Date Picker');
+        displayValue = (0, core_1.computed)(() => {
+            const val = this.value();
+            if (!val)
+                return '';
+            const d = this.parseSafeUTC(val);
+            if (!d)
+                return '';
+            // Format as YYYY-MM-DD using UTC methods
+            return `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}-${String(d.getUTCDate()).padStart(2, '0')}`;
+        });
+        parseSafeUTC(isoString) {
+            if (!isoString)
+                return null;
+            const d = new Date(isoString);
+            if (isNaN(d.getTime()))
+                return null;
+            return d;
+        }
+        constructor() {
+            (0, core_1.effect)(() => {
+                const contractVal = this.contract().props?.value;
+                (0, core_1.untracked)(() => {
+                    if (contractVal === undefined || contractVal === null) {
+                        this.value.set(null);
+                    }
+                    else {
+                        this.value.set(String(contractVal));
+                        const d = this.parseSafeUTC(String(contractVal));
+                        if (d) {
+                            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)));
+                        }
+                    }
+                });
+            });
+        }
+        onClickOutside(event) {
+            if (this.isOpen() && !this.elementRef.nativeElement.contains(event.target)) {
+                this.isOpen.set(false);
+            }
+        }
+        onEscape() {
+            if (this.isOpen()) {
+                this.isOpen.set(false);
+            }
+        }
+        toggleCalendar() {
+            this.isOpen.update(v => !v);
+        }
+        currentMonthYear = (0, core_1.computed)(() => {
+            const d = this.currentViewDate();
+            const months = [
+                'January',
+                'February',
+                'March',
+                'April',
+                'May',
+                'June',
+                'July',
+                'August',
+                'September',
+                'October',
+                'November',
+                'December',
+            ];
+            return `${months[d.getUTCMonth()]} ${d.getUTCFullYear()}`;
+        });
+        isDateDisabled(date) {
+            const minDateStr = this.contract().props?.minDate;
+            const maxDateStr = this.contract().props?.maxDate;
+            if (minDateStr) {
+                const minD = this.parseSafeUTC(minDateStr);
+                if (minD && date < minD)
+                    return true;
+            }
+            if (maxDateStr) {
+                const maxD = this.parseSafeUTC(maxDateStr);
+                if (maxD && date > maxD)
+                    return true;
+            }
+            return false;
+        }
+        calendarGrid = (0, core_1.computed)(() => {
+            const viewDate = this.currentViewDate();
+            const year = viewDate.getUTCFullYear();
+            const month = viewDate.getUTCMonth();
+            const firstDayOfMonth = new Date(Date.UTC(year, month, 1));
+            const startingDayOfWeek = firstDayOfMonth.getUTCDay();
+            const startDate = new Date(firstDayOfMonth);
+            startDate.setUTCDate(startDate.getUTCDate() - startingDayOfWeek);
+            const weeks = [];
+            const currentDay = new Date(startDate);
+            const today = new Date();
+            while (weeks.length < 6) {
+                if (currentDay.getUTCDay() === 0) {
+                    weeks.push([]);
+                }
+                const isCurrentMonth = currentDay.getUTCMonth() === month;
+                weeks[weeks.length - 1].push({
+                    date: new Date(currentDay),
+                    isCurrentMonth,
+                    isToday: currentDay.getUTCFullYear() === today.getUTCFullYear() &&
+                        currentDay.getUTCMonth() === today.getUTCMonth() &&
+                        currentDay.getUTCDate() === today.getUTCDate(),
+                    disabled: this.isDateDisabled(currentDay),
+                });
+                currentDay.setUTCDate(currentDay.getUTCDate() + 1);
+            }
+            return weeks;
+        });
+        hasSelection() {
+            return !!this.value();
+        }
+        isSelected(date) {
+            const val = this.value();
+            if (!val)
+                return false;
+            const selected = this.parseSafeUTC(val);
+            if (!selected)
+                return false;
+            return (selected.getUTCFullYear() === date.getUTCFullYear() &&
+                selected.getUTCMonth() === date.getUTCMonth() &&
+                selected.getUTCDate() === date.getUTCDate());
+        }
+        selectDate(year, month, day) {
+            const selectedDate = new Date(Date.UTC(year, month, day, 0, 0, 0, 0));
+            if (this.isDateDisabled(selectedDate))
+                return;
+            const isoString = selectedDate.toISOString();
+            this.value.set(isoString);
+            this.experienceAdapter.updateState(this.contract().id, 'value', isoString);
+            this.isOpen.set(false);
+        }
+        prevMonth() {
+            const d = this.currentViewDate();
+            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() - 1, 1)));
+        }
+        nextMonth() {
+            const d = this.currentViewDate();
+            this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth() + 1, 1)));
+        }
+        onInputKeyDown(event) {
+            if (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                this.isOpen.set(true);
+            }
+        }
+        onDayKeyDown(event, date) {
+            const d = new Date(date);
+            let handled = false;
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                    this.selectDate(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate());
+                    handled = true;
+                    break;
+                case 'ArrowRight':
+                    d.setUTCDate(d.getUTCDate() + 1);
+                    handled = true;
+                    break;
+                case 'ArrowLeft':
+                    d.setUTCDate(d.getUTCDate() - 1);
+                    handled = true;
+                    break;
+                case 'ArrowDown':
+                    d.setUTCDate(d.getUTCDate() + 7);
+                    handled = true;
+                    break;
+                case 'ArrowUp':
+                    d.setUTCDate(d.getUTCDate() - 7);
+                    handled = true;
+                    break;
+                case 'PageUp':
+                    d.setUTCMonth(d.getUTCMonth() - 1);
+                    handled = true;
+                    break;
+                case 'PageDown':
+                    d.setUTCMonth(d.getUTCMonth() + 1);
+                    handled = true;
+                    break;
+            }
+            if (handled) {
+                event.preventDefault();
+                if (d.getUTCMonth() !== this.currentViewDate().getUTCMonth() ||
+                    d.getUTCFullYear() !== this.currentViewDate().getUTCFullYear()) {
+                    this.currentViewDate.set(new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)));
+                }
+                // Focus management for a11y: find the element with matching date in the DOM and focus it
+                setTimeout(() => {
+                    const id = `day-${d.getUTCFullYear()}-${d.getUTCMonth()}-${d.getUTCDate()}`;
+                    const el = this.elementRef.nativeElement.shadowRoot?.getElementById(id);
+                    if (el)
+                        el.focus();
+                }, 0);
+            }
+        }
+        static {
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DatePickerComponent = _classThis;
+})();
+exports.DatePickerComponent = DatePickerComponent;
+//# sourceMappingURL=date-picker.component.js.map

package/dist/packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/date-picker/date-picker.component.ts"],"names":[],"mappings":"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"}

package/dist/packages/angular-renderer/src/components/primitives/date-range-picker/date-range-picker.component.d.ts

@@ -0,0 +1,67 @@
+import { InteractionContract } from '@origostudio/core';
+import { OrigoAdapter } from '../../../adapters/web/adapter';
+export interface DateRangePickerProps {
+    format?: string;
+    minDate?: string;
+    maxDate?: string;
+    showTime?: boolean;
+    timezone?: string;
+    startDate?: string;
+    endDate?: string;
+    'aria-label'?: string;
+}
+interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    disabled: boolean;
+}
+export declare class DateRangePickerComponent implements OrigoAdapter<DateRangePickerProps> {
+    static readonly contractSchema: {
+        format: string;
+        minDate: string;
+        maxDate: string;
+        showTime: string;
+        timezone: string;
+        startDate: string;
+        endDate: string;
+        'aria-label': string;
+        permissions: string;
+        rules: string;
+        metadata: string;
+    };
+    static readonly strictContract = false;
+    contract: import("@angular/core").InputSignal<InteractionContract<DateRangePickerProps>>;
+    value: import("@angular/core").ModelSignal<any>;
+    startDate: import("@angular/core").WritableSignal<string | null>;
+    endDate: import("@angular/core").WritableSignal<string | null>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    currentViewDate: import("@angular/core").WritableSignal<Date>;
+    selectionPhase: import("@angular/core").WritableSignal<"start" | "end">;
+    private experienceAdapter;
+    private elementRef;
+    weekDays: string[];
+    computedAriaLabel: import("@angular/core").Signal<string>;
+    displayStartValue: import("@angular/core").Signal<string>;
+    displayEndValue: import("@angular/core").Signal<string>;
+    private parseSafeUTC;
+    private formatDateStr;
+    constructor();
+    onClickOutside(event: MouseEvent): void;
+    onEscape(): void;
+    private cancelSelection;
+    toggleCalendar(): void;
+    currentMonthYear: import("@angular/core").Signal<string>;
+    private isDateDisabled;
+    calendarGrid: import("@angular/core").Signal<CalendarDay[][]>;
+    isSameDate(d1Str: string | null, d2: Date): boolean;
+    isSelected(date: Date): boolean;
+    isInRange(date: Date): boolean;
+    onDayClick(date: Date): void;
+    selectRange(start: Date, end: Date): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onDayKeyDown(event: KeyboardEvent, date: Date): void;
+}
+export {};