@salyra-ui/date-time-picker 0.1.0

package/dist/vue.d.ts

@@ -0,0 +1,292 @@
+export * from "./index";
+export declare const DateTimePicker: {
+    Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        store: import("vue").PropType<import("@salyra-ui/calendar").PickerStore>;
+        options: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").PickerOptions>;
+            default: () => {};
+        };
+        modelValue: import("vue").PropType<import("@salyra-ui/calendar").PickerValue>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "valueChange")[], "update:modelValue" | "valueChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        store: import("vue").PropType<import("@salyra-ui/calendar").PickerStore>;
+        options: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").PickerOptions>;
+            default: () => {};
+        };
+        modelValue: import("vue").PropType<import("@salyra-ui/calendar").PickerValue>;
+    }>> & Readonly<{
+        onValueChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        options: import("@salyra-ui/calendar").PickerOptions;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Calendar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        options: import("vue").PropType<import("@salyra-ui/calendar").CalendarRenderOptions>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        options: import("vue").PropType<import("@salyra-ui/calendar").CalendarRenderOptions>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Segment: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+        part: {
+            type: import("vue").PropType<Exclude<import("@salyra-ui/calendar").TimeSegment, "period">>;
+            default: "hour";
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+        part: {
+            type: import("vue").PropType<Exclude<import("@salyra-ui/calendar").TimeSegment, "period">>;
+            default: "hour";
+        };
+    }>> & Readonly<{}>, {
+        endpoint: import("@salyra-ui/calendar").Endpoint;
+        part: "hour" | "minute" | "second";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Period: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+    }>> & Readonly<{}>, {
+        endpoint: import("@salyra-ui/calendar").Endpoint;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Time: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+        labels: {
+            type: import("vue").PropType<Partial<Record<import("@salyra-ui/calendar").TimeSegment, string>>>;
+            default: () => {};
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+        labels: {
+            type: import("vue").PropType<Partial<Record<import("@salyra-ui/calendar").TimeSegment, string>>>;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        endpoint: import("@salyra-ui/calendar").Endpoint;
+        labels: Partial<Record<import("@salyra-ui/calendar").TimeSegment, string>>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Action: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: import("vue").PropType<"apply" | "cancel" | "clear">;
+            default: "apply";
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: import("vue").PropType<"apply" | "cancel" | "clear">;
+            default: "apply";
+        };
+    }>> & Readonly<{}>, {
+        action: "cancel" | "apply" | "clear";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Output: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Continuous: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        options: import("vue").PropType<import("@salyra-ui/calendar").MonthScrollerOptions>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        options: import("vue").PropType<import("@salyra-ui/calendar").MonthScrollerOptions>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Grid: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Week: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Cell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        date: {
+            type: StringConstructor;
+            required: true;
+        };
+        outside: BooleanConstructor;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        date: {
+            type: StringConstructor;
+            required: true;
+        };
+        outside: BooleanConstructor;
+    }>> & Readonly<{}>, {
+        outside: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Number: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        date: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        date: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    DayTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        date: {
+            type: StringConstructor;
+            required: true;
+        };
+        outside: BooleanConstructor;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        date: {
+            type: StringConstructor;
+            required: true;
+        };
+        outside: BooleanConstructor;
+    }>> & Readonly<{
+        onSelect?: ((...args: any[]) => any) | undefined;
+    }>, {
+        outside: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Heading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        offset: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        offset: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        offset: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Weekday: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        day: {
+            type: NumberConstructor;
+            required: true;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        day: {
+            type: NumberConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Navigation: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        direction: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        direction: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        direction: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    MonthSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        from: {
+            type: NumberConstructor;
+            default: number;
+        };
+        to: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        from: {
+            type: NumberConstructor;
+            default: number;
+        };
+        to: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        from: number;
+        to: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    YearSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        from: {
+            type: NumberConstructor;
+            default: number;
+        };
+        to: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        from: {
+            type: NumberConstructor;
+            default: number;
+        };
+        to: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        from: number;
+        to: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    View: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        options: import("vue").PropType<import("@salyra-ui/calendar").CalendarRenderOptions>;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        options: import("vue").PropType<import("@salyra-ui/calendar").CalendarRenderOptions>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Field: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        endpoint: {
+            type: import("vue").PropType<import("@salyra-ui/calendar").Endpoint>;
+            default: "start";
+        };
+    }>> & Readonly<{}>, {
+        endpoint: import("@salyra-ui/calendar").Endpoint;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export { usePickerStore } from "@salyra-ui/calendar/vue";
+export { DateTimeRoot as Root } from "@salyra-ui/calendar/vue";
+export { Field, Action, MonthSelect, YearSelect, } from "@salyra-ui/date-picker/vue";
+export { Segment, Period, Time } from "@salyra-ui/time-picker/vue";

package/dist/vue.js

@@ -0,0 +1 @@
+var k=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var P=(i,r)=>{for(var m in r)k(i,m,{get:r[m],enumerable:!0})},n=(i,r,m,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of S(r))!T.call(i,c)&&c!==m&&k(i,c,{get:()=>r[c],enumerable:!(a=s(r,c))||a.enumerable});return i},t=(i,r,m)=>(n(i,r,"default"),m&&n(m,r,"default"));var o={};P(o,{Action:()=>g,DateTimePicker:()=>R,Field:()=>C,MonthSelect:()=>h,Period:()=>F,Root:()=>y,Segment:()=>A,Time:()=>M,YearSelect:()=>w,createDateTimePickerStore:()=>f,createPickerStore:()=>p,usePickerStore:()=>u});var e={};P(e,{createDateTimePickerStore:()=>f,createPickerStore:()=>p});t(e,b);import*as b from"@salyra-ui/calendar";import{createPickerStore as d}from"@salyra-ui/calendar";function p(i={}){return d({...i,kind:"datetime"})}var f=p;t(o,e);import{Calendar as x,DateTimeRoot as D}from"@salyra-ui/calendar/vue";import{DatePicker as l}from"@salyra-ui/date-picker/vue";import{TimePicker as O}from"@salyra-ui/time-picker/vue";import{usePickerStore as u}from"@salyra-ui/calendar/vue";import{DateTimeRoot as y}from"@salyra-ui/calendar/vue";import{Field as C,Action as g,MonthSelect as h,YearSelect as w}from"@salyra-ui/date-picker/vue";import{Segment as A,Period as F,Time as M}from"@salyra-ui/time-picker/vue";var R={...x,...l,...O,Root:D,Calendar:x.View};export{g as Action,R as DateTimePicker,C as Field,h as MonthSelect,F as Period,y as Root,A as Segment,M as Time,w as YearSelect,f as createDateTimePickerStore,p as createPickerStore,u as usePickerStore};

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@salyra-ui/date-time-picker",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Composable date-time selection and date-time ranges",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./angular": {
+      "types": "./dist/angular.d.ts",
+      "import": "./dist/angular.js"
+    },
+    "./vanilla": {
+      "types": "./dist/vanilla.d.ts",
+      "import": "./dist/vanilla.js"
+    },
+    "./svelte": "./dist/svelte.ts",
+    "./astro": "./dist/vanilla.js",
+    "./astro/*": "./dist/astro/*",
+    "./styles.css": "./dist/styles.min.css",
+    "./styles.min.css": "./dist/styles.min.css",
+    "./styles.standard.css": "./dist/styles.css",
+    "./browser/*": "./dist/browser/*"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/astro/client.*"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "svelte": ">=5",
+    "vue": ">=3.5",
+    "@angular/core": ">=20",
+    "@angular/common": ">=20",
+    "astro": ">=7"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@angular/common": {
+      "optional": true
+    },
+    "astro": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@salyra-ui/calendar": "0.1.0",
+    "@salyra-ui/date-picker": "0.1.0",
+    "@salyra-ui/time-picker": "0.1.0"
+  },
+  "homepage": "https://salyra-ui.github.io/docs/date-time-picker.html",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/salyra-ui/calendar.git",
+    "directory": "packages/date-time-picker"
+  },
+  "bugs": {
+    "url": "https://github.com/salyra-ui/calendar/issues"
+  },
+  "keywords": [
+    "salyra-ui",
+    "date-time-picker",
+    "calendar",
+    "date-picker",
+    "time-picker",
+    "range",
+    "react",
+    "svelte",
+    "vue",
+    "angular",
+    "astro",
+    "vanilla",
+    "headless",
+    "tailwind"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
+}