@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/DatePicker/Calendar.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react","import_vitest","import_test_utils","import_Calendar","vi","mock","ChevronLeft","ChevronRight","Calendar","Calendar2","X","getEnabledDayButtons","root","allButtons","Array","from","querySelectorAll","filter","btn","_ref","_btn_textContent","text","textContent","trim","isDay","test","disabled","hasAttribute","getAttribute","describe","it","onDatesChange","fn","result","renderWithProviders","jsx","showTabs","selectedDates","Date","singleTab","findTextElement","multipleTab","expect","toBeDefined","act","fireEvent","click","waitFor","toHaveBeenCalledWith","mode","container","length","toBeGreaterThan","firstDay","calls","toHaveLength"],"sources":["../../../../src/fields/DatePicker/Calendar.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/DatePicker/DatePicker.spec.mjs

@@ -0,0 +1,63 @@
+import { fireEvent } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { formatDateDisplay, isSameDay, toWeeks } from "./parts.mjs";
+import { jsx } from "react/jsx-runtime";
+vi.mock("react-native", () => ({
+  Platform: {
+    OS: "web",
+    select: options => options.web ?? options.default
+  }
+}));
+vi.mock("@tamagui/lucide-icons-2", () => ({
+  Calendar: () => null,
+  ChevronLeft: () => null,
+  ChevronRight: () => null,
+  X: () => null
+}));
+async function loadDatePicker() {
+  return (await import("./index.mjs")).DatePicker;
+}
+describe("DatePicker", () => {
+  describe("without form context", () => {
+    it("should handle disabled state", async () => {
+      const DatePicker = await loadDatePicker();
+      const result = renderWithProviders(/* @__PURE__ */jsx(DatePicker, {
+        label: "Date",
+        name: "date",
+        disabled: true
+      }));
+      const input = result.container.querySelector("input");
+      expect(input).toBeTruthy();
+      expect(input?.getAttribute("aria-disabled")).toBe("true");
+      const clickable = result.container.querySelector("input,button,[role='button']");
+      if (clickable) {
+        fireEvent.click(clickable);
+      }
+      expect(result.findTextElement("Select a month")).toBeUndefined();
+    });
+  });
+  describe("date utilities", () => {
+    it("formats display values and handles null", () => {
+      expect(formatDateDisplay(null)).toBe("");
+      expect(formatDateDisplay(new Date(2024, 0, 15))).toBe("01/15/2024");
+    });
+    it("compares dates by calendar day", () => {
+      expect(isSameDay(new Date(2024, 4, 1, 1), new Date(2024, 4, 1, 23))).toBe(true);
+      expect(isSameDay(new Date(2024, 4, 1, 1), new Date(2024, 4, 2, 1))).toBe(false);
+      expect(isSameDay(null, new Date(2024, 4, 1, 1))).toBe(false);
+    });
+    it("chunks a day list into calendar weeks", () => {
+      const days = Array.from({
+        length: 14
+      }, (_, i) => new Date(2024, 0, i + 1));
+      const weeks = toWeeks(days);
+      expect(weeks.length).toBe(2);
+      expect(weeks[0]).toHaveLength(7);
+      expect(weeks[1]).toHaveLength(7);
+      expect(weeks[0]?.[0]?.getDate()).toBe(1);
+      expect(weeks[1]?.[6]?.getDate()).toBe(14);
+    });
+  });
+});
+//# sourceMappingURL=DatePicker.spec.mjs.map

package/dist/jsx/fields/DatePicker/DatePicker.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["fireEvent","describe","expect","it","vi","renderWithProviders","formatDateDisplay","isSameDay","toWeeks","jsx","mock","Platform","OS","select","options","web","default","Calendar","ChevronLeft","ChevronRight","X","loadDatePicker","DatePicker","result","label","name","disabled","input","container","querySelector","toBeTruthy","getAttribute","toBe","clickable","click","findTextElement","toBeUndefined","Date","days","Array","from","length","_","i","weeks","toHaveLength","getDate"],"sources":["../../../../src/fields/DatePicker/DatePicker.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,SAASC,QAAA,EAAUC,MAAA,EAAQC,EAAA,EAAIC,EAAA,QAAU;AACzC,SAASC,mBAAA,QAA2B;AACpC,SAASC,iBAAA,EAAmBC,SAAA,EAAWC,OAAA,QAAe;AAwBb,SAAAC,GAAA;AAtBzCL,EAAA,CAAGM,IAAA,CAAK,gBAAgB,OAAO;EAC7BC,QAAA,EAAU;IACRC,EAAA,EAAI;IACJC,MAAA,EAASC,OAAA,IAAqCA,OAAA,CAAQC,GAAA,IAAOD,OAAA,CAAQE;EACvE;AACF,EAAE;AAEFZ,EAAA,CAAGM,IAAA,CAAK,2BAA2B,OAAO;EACxCO,QAAA,EAAUA,CAAA,KAAM;EAChBC,WAAA,EAAaA,CAAA,KAAM;EACnBC,YAAA,EAAcA,CAAA,KAAM;EACpBC,CAAA,EAAGA,CAAA,KAAM;AACX,EAAE;AAEF,eAAeC,eAAA,EAAiB;EAC9B,QAAQ,MAAM,OAAO,aAAS,GAAGC,UAAA;AACnC;AAEArB,QAAA,CAAS,cAAc,MAAM;EAC3BA,QAAA,CAAS,wBAAwB,MAAM;IACrCE,EAAA,CAAG,gCAAgC,YAAY;MAC7C,MAAMmB,UAAA,GAAa,MAAMD,cAAA,CAAe;MACxC,MAAME,MAAA,GAASlB,mBAAA,CAAoB,eAAAI,GAAA,CAACa,UAAA;QAAWE,KAAA,EAAM;QAAOC,IAAA,EAAK;QAAOC,QAAA,EAAQ;MAAA,CAAC,CAAE;MACnF,MAAMC,KAAA,GAAQJ,MAAA,CAAOK,SAAA,CAAUC,aAAA,CAAc,OAAO;MACpD3B,MAAA,CAAOyB,KAAK,EAAEG,UAAA,CAAW;MACzB5B,MAAA,CAAOyB,KAAA,EAAOI,YAAA,CAAa,eAAe,CAAC,EAAEC,IAAA,CAAK,MAAM;MAExD,MAAMC,SAAA,GAAYV,MAAA,CAAOK,SAAA,CAAUC,aAAA,CAAc,8BAA8B;MAC/E,IAAII,SAAA,EAAW;QACbjC,SAAA,CAAUkC,KAAA,CAAMD,SAAS;MAC3B;MACA/B,MAAA,CAAOqB,MAAA,CAAOY,eAAA,CAAgB,gBAAgB,CAAC,EAAEC,aAAA,CAAc;IACjE,CAAC;EACH,CAAC;EAEDnC,QAAA,CAAS,kBAAkB,MAAM;IAC/BE,EAAA,CAAG,2CAA2C,MAAM;MAClDD,MAAA,CAAOI,iBAAA,CAAkB,IAAI,CAAC,EAAE0B,IAAA,CAAK,EAAE;MACvC9B,MAAA,CAAOI,iBAAA,CAAkB,IAAI+B,IAAA,CAAK,MAAM,GAAG,EAAE,CAAC,CAAC,EAAEL,IAAA,CAAK,YAAY;IACpE,CAAC;IAED7B,EAAA,CAAG,kCAAkC,MAAM;MACzCD,MAAA,CAAOK,SAAA,CAAU,IAAI8B,IAAA,CAAK,MAAM,GAAG,GAAG,CAAC,GAAG,IAAIA,IAAA,CAAK,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,EAAEL,IAAA,CAAK,IAAI;MAC9E9B,MAAA,CAAOK,SAAA,CAAU,IAAI8B,IAAA,CAAK,MAAM,GAAG,GAAG,CAAC,GAAG,IAAIA,IAAA,CAAK,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,EAAEL,IAAA,CAAK,KAAK;MAC9E9B,MAAA,CAAOK,SAAA,CAAU,MAAM,IAAI8B,IAAA,CAAK,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,EAAEL,IAAA,CAAK,KAAK;IAC7D,CAAC;IAED7B,EAAA,CAAG,yCAAyC,MAAM;MAChD,MAAMmC,IAAA,GAAOC,KAAA,CAAMC,IAAA,CAAK;QAAEC,MAAA,EAAQ;MAAG,GAAG,CAACC,CAAA,EAAGC,CAAA,KAAM,IAAIN,IAAA,CAAK,MAAM,GAAGM,CAAA,GAAI,CAAC,CAAC;MAC1E,MAAMC,KAAA,GAAQpC,OAAA,CAAQ8B,IAAI;MAE1BpC,MAAA,CAAO0C,KAAA,CAAMH,MAAM,EAAET,IAAA,CAAK,CAAC;MAC3B9B,MAAA,CAAO0C,KAAA,CAAM,CAAC,CAAC,EAAEC,YAAA,CAAa,CAAC;MAC/B3C,MAAA,CAAO0C,KAAA,CAAM,CAAC,CAAC,EAAEC,YAAA,CAAa,CAAC;MAC/B3C,MAAA,CAAO0C,KAAA,CAAM,CAAC,IAAI,CAAC,GAAGE,OAAA,CAAQ,CAAC,EAAEd,IAAA,CAAK,CAAC;MACvC9B,MAAA,CAAO0C,KAAA,CAAM,CAAC,IAAI,CAAC,GAAGE,OAAA,CAAQ,CAAC,EAAEd,IAAA,CAAK,EAAE;IAC1C,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/jsx/fields/DatePicker/DatePicker.spec.native.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_parts = require("./parts.native.js");
+import_vitest.vi.mock("react-native", function () {
+  return {
+    Platform: {
+      OS: "web",
+      select: function select(options) {
+        var _options_web;
+        return (_options_web = options.web) !== null && _options_web !== void 0 ? _options_web : options.default;
+      }
+    }
+  };
+});
+import_vitest.vi.mock("@tamagui/lucide-icons-2", function () {
+  return {
+    Calendar: function Calendar() {
+      return null;
+    },
+    ChevronLeft: function ChevronLeft() {
+      return null;
+    },
+    ChevronRight: function ChevronRight() {
+      return null;
+    },
+    X: function X() {
+      return null;
+    }
+  };
+});
+async function loadDatePicker() {
+  return (await import("./index")).DatePicker;
+}
+(0, import_vitest.describe)("DatePicker", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("should handle disabled state", async function () {
+      var DatePicker = await loadDatePicker();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(DatePicker, {
+        label: "Date",
+        name: "date",
+        disabled: true
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input).toBeTruthy();
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
+      var clickable = result.container.querySelector("input,button,[role='button']");
+      if (clickable) {
+        import_react.fireEvent.click(clickable);
+      }
+      (0, import_vitest.expect)(result.findTextElement("Select a month")).toBeUndefined();
+    });
+  });
+  (0, import_vitest.describe)("date utilities", function () {
+    (0, import_vitest.it)("formats display values and handles null", function () {
+      (0, import_vitest.expect)((0, import_parts.formatDateDisplay)(null)).toBe("");
+      (0, import_vitest.expect)((0, import_parts.formatDateDisplay)(new Date(2024, 0, 15))).toBe("01/15/2024");
+    });
+    (0, import_vitest.it)("compares dates by calendar day", function () {
+      (0, import_vitest.expect)((0, import_parts.isSameDay)(new Date(2024, 4, 1, 1), new Date(2024, 4, 1, 23))).toBe(true);
+      (0, import_vitest.expect)((0, import_parts.isSameDay)(new Date(2024, 4, 1, 1), new Date(2024, 4, 2, 1))).toBe(false);
+      (0, import_vitest.expect)((0, import_parts.isSameDay)(null, new Date(2024, 4, 1, 1))).toBe(false);
+    });
+    (0, import_vitest.it)("chunks a day list into calendar weeks", function () {
+      var _weeks__, _weeks_, _weeks__1, _weeks_1;
+      var days = Array.from({
+        length: 14
+      }, function (_, i) {
+        return new Date(2024, 0, i + 1);
+      });
+      var weeks = (0, import_parts.toWeeks)(days);
+      (0, import_vitest.expect)(weeks.length).toBe(2);
+      (0, import_vitest.expect)(weeks[0]).toHaveLength(7);
+      (0, import_vitest.expect)(weeks[1]).toHaveLength(7);
+      (0, import_vitest.expect)((_weeks_ = weeks[0]) === null || _weeks_ === void 0 ? void 0 : (_weeks__ = _weeks_[0]) === null || _weeks__ === void 0 ? void 0 : _weeks__.getDate()).toBe(1);
+      (0, import_vitest.expect)((_weeks_1 = weeks[1]) === null || _weeks_1 === void 0 ? void 0 : (_weeks__1 = _weeks_1[6]) === null || _weeks__1 === void 0 ? void 0 : _weeks__1.getDate()).toBe(14);
+    });
+  });
+});
+//# sourceMappingURL=DatePicker.spec.native.js.map

package/dist/jsx/fields/DatePicker/DatePicker.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toESM","mod","isNodeMode","target","__esModule","value","import_jsx_runtime","require","import_react","import_vitest","import_test_utils","import_parts","vi","mock","Platform","OS","select","options","_options_web","web","default","Calendar","ChevronLeft","ChevronRight","X","loadDatePicker"],"sources":["../../../../src/fields/DatePicker/DatePicker.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,QAAS,GAAAC,MAAU,CAAAC,MAAQ;AAC3B,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAA2B;AACpC,IAAAC,gBAAS,GAAAJ,MAAmB,CAAAK,wBAA0B;AAwBb,IAAAC,iBAAA,GAAAN,MAAA,CAAAO,mBAAA;AAtBzC,IAAGC,YAAK,GAAAR,MAAgB,CAAAS,cAAO;AAAA,IAC7BC,YAAU,GAAAV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AAAA,IACRC,WAAI,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACJF,IAAA,IAAS,OAAAA,IAAqC,aAAQ,IAAO,OAAQA,IAAA;IACvE,SAAAG,GAAA,IAAAZ,iBAAA,CAAAS,IAAA,GACA,KAAAL,YAAA,CAAAS,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAEMd,SAAA,CAAAY,EAAA,EAAAI,GAAA;MAAAE,GAAA,EAAAA,CAAA,KAA2BL,IAAO,CAAAG,GAAA;MAAAG,UAAA,IAAAJ,IAAA,GAAAb,gBAAA,CAAAW,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAI;IAAA;EACxC;EACA,OAAAP,EAAA;AAAmB;AACC,IACpBQ,OAAS,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAxB,QAAA,CAAAS,YAAA,CAAAe,GAAA,SAAAV,WAAA;AACT;AAEF;AACE;AACF;AAEAW,UAAS,KAAAD,GAAA,IAAc,CAAAA,GAAA,CAAMG,UAAA,GAAAxB,SAAA,CAAAuB,MAAA;EAAAE,KAAA,EAAAJ,GAAA;EAAAF,UAAA;AAAA,KAAAI,MAAA,EAC3BF,GACE;AACE,IAAAK,kBAAM,GAAaC,OAAM,oBAAe;AACxC,IAAAC,YAAM,GAAAD,OAAS,yBAAoB;AACnC,IAAAE,aAAM,GAAQF,OAAO,UAAU;AAC/B,IAAAG,iBAAc,GAAAH,OAAW;AACzB,IAAAI,YAAO,GAAAJ,OAAO,oBAAa;AAE3BE,aAAM,CAAAG,EAAA,CAAAC,IAAA,eAAmB,cAAU;EACnC;IACEC,QAAA;MACFC,EAAA;MACAC,MAAA,EAAO,SAAOA,OAAAC,OAAgB;QAC/B,IAAAC,YAAA;QACF,QAAAA,YAAA,GAAAD,OAAA,CAAAE,GAAA,cAAAD,YAAA,cAAAA,YAAA,GAAAD,OAAA,CAAAG,OAAA;MAED;IACE;EACE;AACA;AAAkEX,aACnE,CAAAG,EAAA,CAAAC,IAAA;EAED,OAAG;IACDQ,QAAA,EAAO,SAAUA,QAAIA,CAAA,EAAK;MAC1B,OAAO;IACP;IACFC,WAAC,WAAAA,YAAA;MAED,OAAG;IACD;IACAC,YAAM,WAAQA,YAAYA,CAAA;MAE1B,OAAO;IACP;IACAC,CAAA,WAAOA,EAAA,EAAO;MACd,OAAO;IACP;EAAwC;AACzC,EACH;AACF,eAACC,eAAA","ignoreList":[]}

package/dist/jsx/fields/DatePicker/DatePicker.stories.mjs

@@ -0,0 +1,269 @@
+import { action } from "@multiplatform.one/storybook";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { YStack } from "tamagui";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { Calendar } from "./Calendar.mjs";
+import { DateRangePicker } from "./DateRangePicker.mjs";
+import { DatetimePicker } from "./DatetimePicker.mjs";
+import { MonthPicker } from "./MonthPicker.mjs";
+import { MultiDatePicker } from "./MultiDatePicker.mjs";
+import { DatePicker } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Forms/DatePicker",
+  component: DatePicker,
+  parameters: {
+    docs: {
+      description: {
+        component: "Date picker with animated calendar, month/year drill-down, and responsive sheet for mobile. Includes Calendar, DateRangePicker, and MultiDatePicker variants."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Field label"
+    },
+    placeholder: {
+      control: "text",
+      description: "Placeholder text"
+    },
+    helperText: {
+      control: "text",
+      description: "Helper text below the field"
+    },
+    error: {
+      control: "text",
+      description: "Error message"
+    },
+    required: {
+      control: "boolean",
+      description: "Mark field as required"
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable the date picker"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"],
+      description: "Field size"
+    },
+    format: {
+      control: "text",
+      description: "Date format string"
+    },
+    minDate: {
+      control: "date",
+      description: "Minimum selectable date"
+    },
+    maxDate: {
+      control: "date",
+      description: "Maximum selectable date"
+    }
+  }
+};
+var DatePicker_stories_default = meta;
+const Main = {
+  name: "Main",
+  render: () => {
+    const FormExample = () => {
+      const form = useForm({
+        defaultValues: {
+          birthDate: /* @__PURE__ */new Date("1990-01-01"),
+          startDate: null,
+          endDate: null
+        },
+        onSubmit: async ({
+          value
+        }) => {
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */jsx(Form, {
+        form,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          maxWidth: 400,
+          children: [/* @__PURE__ */jsx(DatePicker, {
+            label: "Birth Date",
+            name: "birthDate",
+            helperText: "Select your date of birth"
+          }), /* @__PURE__ */jsx(DatePicker, {
+            label: "Start Date",
+            name: "startDate",
+            helperText: "Select project start date"
+          }), /* @__PURE__ */jsx(DatePicker, {
+            label: "End Date",
+            name: "endDate",
+            helperText: "Select project end date"
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(FormExample, {});
+  }
+};
+const Standalone = {
+  args: {
+    label: "Date",
+    placeholder: "Select a date",
+    helperText: "Choose a date"
+  },
+  render: args => /* @__PURE__ */jsx(DatePicker, {
+    ...args
+  })
+};
+const Basic = {
+  render: args => /* @__PURE__ */jsx(DatePicker, {
+    ...args
+  }),
+  args: {
+    label: "Select Date",
+    placeholder: "Choose a date"
+  }
+};
+const Disabled = {
+  args: {
+    label: "Disabled Date",
+    disabled: true,
+    placeholder: "Cannot select"
+  }
+};
+const WithError = {
+  args: {
+    label: "Required Date",
+    error: "Please select a date",
+    required: true
+  }
+};
+const Sizes = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: [/* @__PURE__ */jsx(DatePicker, {
+      label: "Small",
+      size: "$2",
+      placeholder: "Pick a date"
+    }), /* @__PURE__ */jsx(DatePicker, {
+      label: "Medium (default)",
+      size: "$3",
+      placeholder: "Pick a date"
+    }), /* @__PURE__ */jsx(DatePicker, {
+      label: "Large",
+      size: "$4",
+      placeholder: "Pick a date"
+    })]
+  })
+};
+const Interactive = {
+  render: () => {
+    const InteractiveExample = () => {
+      const [date, setDate] = useState("");
+      return /* @__PURE__ */jsx(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: /* @__PURE__ */jsx(DatePicker, {
+          label: "Pick a Date",
+          value: date,
+          onChange: val => {
+            setDate(val);
+            action("onChange")(val);
+          },
+          placeholder: "Choose a date",
+          helperText: date ? `Selected: ${date}` : "No date selected"
+        })
+      });
+    };
+    return /* @__PURE__ */jsx(InteractiveExample, {});
+  }
+};
+const CalendarBasic = () => /* @__PURE__ */jsx(YStack, {
+  maxWidth: 700,
+  children: /* @__PURE__ */jsx(Calendar, {})
+});
+const RangePickerBasic = {
+  render: args => /* @__PURE__ */jsx(DateRangePicker, {
+    ...args
+  }),
+  args: {
+    label: "Date Range",
+    placeholder: "Start date \u2013 End date",
+    helperText: "Select a start and end date"
+  }
+};
+const MultiPickerBasic = {
+  render: args => /* @__PURE__ */jsx(MultiDatePicker, {
+    ...args
+  }),
+  args: {
+    label: "Select Dates",
+    placeholder: "Pick multiple dates",
+    limit: 5,
+    helperText: "Select up to 5 dates"
+  }
+};
+const MonthPickerBasic = {
+  render: args => /* @__PURE__ */jsx(MonthPicker, {
+    ...args
+  }),
+  args: {
+    label: "Select Month",
+    placeholder: "Pick a month",
+    helperText: "Choose a month and year"
+  }
+};
+const MonthPickerWithYearRange = {
+  render: () => /* @__PURE__ */jsx(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: /* @__PURE__ */jsx(MonthPicker, {
+      label: "Fiscal Period",
+      placeholder: "Select fiscal period",
+      helperText: "Choose between 2020 and 2030",
+      minYear: 2020,
+      maxYear: 2030
+    })
+  })
+};
+const DatetimePickerBasic = {
+  render: args => /* @__PURE__ */jsx(DatetimePicker, {
+    ...args
+  }),
+  args: {
+    label: "Select Date & Time",
+    placeholder: "Pick date and time",
+    helperText: "Choose a date and time"
+  }
+};
+const DatetimePicker24Hour = {
+  render: () => /* @__PURE__ */jsx(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: /* @__PURE__ */jsx(DatetimePicker, {
+      label: "Meeting Time",
+      placeholder: "Select meeting time",
+      helperText: "24-hour format",
+      timeFormat: "24h"
+    })
+  })
+};
+const DatetimePickerWithSeconds = {
+  render: () => /* @__PURE__ */jsx(YStack, {
+    gap: "$4",
+    maxWidth: 400,
+    children: /* @__PURE__ */jsx(DatetimePicker, {
+      label: "Precise Timestamp",
+      placeholder: "Select exact time",
+      helperText: "With seconds",
+      showSeconds: true
+    })
+  })
+};
+export { Basic, CalendarBasic, DatetimePicker24Hour, DatetimePickerBasic, DatetimePickerWithSeconds, Disabled, Interactive, Main, MonthPickerBasic, MonthPickerWithYearRange, MultiPickerBasic, RangePickerBasic, Sizes, Standalone, WithError, DatePicker_stories_default as default };
+//# sourceMappingURL=DatePicker.stories.mjs.map

package/dist/jsx/fields/DatePicker/DatePicker.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","useForm","useState","YStack","Button","Form","Calendar","DateRangePicker","DatetimePicker","MonthPicker","MultiDatePicker","DatePicker","jsx","jsxs","meta","title","component","parameters","docs","description","argTypes","label","control","placeholder","helperText","error","required","disabled","size","options","format","minDate","maxDate","DatePicker_stories_default","Main","name","render","FormExample","form","defaultValues","birthDate","Date","startDate","endDate","onSubmit","value","children","gap","maxWidth","Standalone","args","Basic","Disabled","WithError","Sizes","Interactive","InteractiveExample","date","setDate","onChange","val","CalendarBasic","RangePickerBasic","MultiPickerBasic","limit","MonthPickerBasic","MonthPickerWithYearRange","minYear","maxYear","DatetimePickerBasic","DatetimePicker24Hour","timeFormat","DatetimePickerWithSeconds","showSeconds"],"sources":["../../../../src/fields/DatePicker/DatePicker.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,OAAA,QAAe;AAExB,SAASC,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,MAAA,QAAc;AACvB,SAASC,IAAA,QAAY;AACrB,SAASC,QAAA,QAAgB;AACzB,SAASC,eAAA,QAAuB;AAChC,SAASC,cAAA,QAAsB;AAC/B,SAASC,WAAA,QAAmB;AAC5B,SAASC,eAAA,QAAuB;AAChC,SAASC,UAAA,QAAkB;AA+CjB,SACEC,GAAA,EADFC,IAAA;AA7CV,MAAMC,IAAA,GAAgC;EACpCC,KAAA,EAAO;EACPC,SAAA,EAAWL,UAAA;EACXM,UAAA,EAAY;IACVC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXH,SAAA,EACE;MACJ;IACF;EACF;EACAI,QAAA,EAAU;IACRC,KAAA,EAAO;MAAEC,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAc;IACrDI,WAAA,EAAa;MAAED,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAmB;IAChEK,UAAA,EAAY;MAAEF,OAAA,EAAS;MAAQH,WAAA,EAAa;IAA8B;IAC1EM,KAAA,EAAO;MAAEH,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAgB;IACvDO,QAAA,EAAU;MAAEJ,OAAA,EAAS;MAAWH,WAAA,EAAa;IAAyB;IACtEQ,QAAA,EAAU;MAAEL,OAAA,EAAS;MAAWH,WAAA,EAAa;IAA0B;IACvES,IAAA,EAAM;MAAEN,OAAA,EAAS;MAAUO,OAAA,EAAS,CAAC,MAAM,MAAM,IAAI;MAAGV,WAAA,EAAa;IAAa;IAClFW,MAAA,EAAQ;MAAER,OAAA,EAAS;MAAQH,WAAA,EAAa;IAAqB;IAC7DY,OAAA,EAAS;MAAET,OAAA,EAAS;MAAQH,WAAA,EAAa;IAA0B;IACnEa,OAAA,EAAS;MAAEV,OAAA,EAAS;MAAQH,WAAA,EAAa;IAA0B;EACrE;AACF;AAEA,IAAOc,0BAAA,GAAQnB,IAAA;AAGR,MAAMoB,IAAA,GAAc;EACzBC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KAAM;IACZ,MAAMC,WAAA,GAAcA,CAAA,KAAM;MACxB,MAAMC,IAAA,GAAOrC,OAAA,CAAQ;QACnBsC,aAAA,EAAe;UACbC,SAAA,EAAW,mBAAIC,IAAA,CAAK,YAAY;UAChCC,SAAA,EAAW;UACXC,OAAA,EAAS;QACX;QACAC,QAAA,EAAU,MAAAA,CAAO;UAAEC;QAAM,MAAM;UAC7B7C,MAAA,CAAO,UAAU,EAAE6C,KAAK;QAC1B;MACF,CAAC;MAED,OACE,eAAAjC,GAAA,CAACP,IAAA;QAAKiC,IAAA;QACJQ,QAAA,iBAAAjC,IAAA,CAACV,MAAA;UAAO4C,GAAA,EAAI;UAAKC,QAAA,EAAU;UACzBF,QAAA,kBAAAlC,GAAA,CAACD,UAAA;YACCU,KAAA,EAAM;YACNc,IAAA,EAAK;YACLX,UAAA,EAAW;UAAA,CACb,GACA,eAAAZ,GAAA,CAACD,UAAA;YACCU,KAAA,EAAM;YACNc,IAAA,EAAM;YACNX,UAAA,EAAW;UAAA,CACb,GACA,eAAAZ,GAAA,CAACD,UAAA;YACCU,KAAA,EAAM;YACNc,IAAA,EAAM;YACNX,UAAA,EAAW;UAAA,CACb,GACA,eAAAZ,GAAA,CAACR,MAAA;YAAOJ,MAAA,EAAO;YAAS8C,QAAA;UAAA,CAAM;QAAA,CAChC;MAAA,CACF;IAEJ;IACA,OAAO,eAAAlC,GAAA,CAACyB,WAAA,IAAY;EACtB;AACF;AAEO,MAAMY,UAAA,GAAoB;EAC/BC,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPE,WAAA,EAAa;IACbC,UAAA,EAAY;EACd;EACAY,MAAA,EAASc,IAAA,IAAS,eAAAtC,GAAA,CAACD,UAAA;IAAY,GAAGuC;EAAA,CAAM;AAC1C;AAEO,MAAMC,KAAA,GAAe;EAC1Bf,MAAA,EAASc,IAAA,IAAS,eAAAtC,GAAA,CAACD,UAAA;IAAY,GAAGuC;EAAA,CAAM;EACxCA,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPE,WAAA,EAAa;EACf;AACF;AAEO,MAAM6B,QAAA,GAAkB;EAC7BF,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPM,QAAA,EAAU;IACVJ,WAAA,EAAa;EACf;AACF;AAEO,MAAM8B,SAAA,GAAmB;EAC9BH,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPI,KAAA,EAAO;IACPC,QAAA,EAAU;EACZ;AACF;AAEO,MAAM4B,KAAA,GAAe;EAC1BlB,MAAA,EAAQA,CAAA,KACN,eAAAvB,IAAA,CAACV,MAAA;IAAO4C,GAAA,EAAI;IAAKC,QAAA,EAAU;IACzBF,QAAA,kBAAAlC,GAAA,CAACD,UAAA;MAAWU,KAAA,EAAM;MAAQO,IAAA,EAAK;MAAKL,WAAA,EAAY;IAAA,CAAc,GAC9D,eAAAX,GAAA,CAACD,UAAA;MAAWU,KAAA,EAAM;MAAmBO,IAAA,EAAK;MAAKL,WAAA,EAAY;IAAA,CAAc,GACzE,eAAAX,GAAA,CAACD,UAAA;MAAWU,KAAA,EAAM;MAAQO,IAAA,EAAK;MAAKL,WAAA,EAAY;IAAA,CAAc;EAAA,CAChE;AAEJ;AAEO,MAAMgC,WAAA,GAAqB;EAChCnB,MAAA,EAAQA,CAAA,KAAM;IACZ,MAAMoB,kBAAA,GAAqBA,CAAA,KAAM;MAC/B,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIxD,QAAA,CAAS,EAAE;MACnC,OACE,eAAAU,GAAA,CAACT,MAAA;QAAO4C,GAAA,EAAI;QAAKC,QAAA,EAAU;QACzBF,QAAA,iBAAAlC,GAAA,CAACD,UAAA;UACCU,KAAA,EAAM;UACNwB,KAAA,EAAOY,IAAA;UAEPE,QAAA,EAAWC,GAAA,IAAgB;YACzBF,OAAA,CAAQE,GAAG;YACX5D,MAAA,CAAO,UAAU,EAAE4D,GAAG;UACxB;UACArC,WAAA,EAAY;UACZC,UAAA,EAAYiC,IAAA,GAAO,aAAaA,IAAI,KAAK;QAAA,CAC3C;MAAA,CACF;IAEJ;IACA,OAAO,eAAA7C,GAAA,CAAC4C,kBAAA,IAAmB;EAC7B;AACF;AAIO,MAAMK,aAAA,GAAgBA,CAAA,KAC3B,eAAAjD,GAAA,CAACT,MAAA;EAAO6C,QAAA,EAAU;EAChBF,QAAA,iBAAAlC,GAAA,CAACN,QAAA,IAAS;AAAA,CACZ;AAKK,MAAMwD,gBAAA,GAAmB;EAC9B1B,MAAA,EAASc,IAAA,IAAiD,eAAAtC,GAAA,CAACL,eAAA;IAAiB,GAAG2C;EAAA,CAAM;EACrFA,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPE,WAAA,EAAa;IACbC,UAAA,EAAY;EACd;AACF;AAIO,MAAMuC,gBAAA,GAAmB;EAC9B3B,MAAA,EAASc,IAAA,IAAiD,eAAAtC,GAAA,CAACF,eAAA;IAAiB,GAAGwC;EAAA,CAAM;EACrFA,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPE,WAAA,EAAa;IACbyC,KAAA,EAAO;IACPxC,UAAA,EAAY;EACd;AACF;AAIO,MAAMyC,gBAAA,GAAmB;EAC9B7B,MAAA,EAASc,IAAA,IAA6C,eAAAtC,GAAA,CAACH,WAAA;IAAa,GAAGyC;EAAA,CAAM;EAC7EA,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPE,WAAA,EAAa;IACbC,UAAA,EAAY;EACd;AACF;AAEO,MAAM0C,wBAAA,GAA2B;EACtC9B,MAAA,EAAQA,CAAA,KACN,eAAAxB,GAAA,CAACT,MAAA;IAAO4C,GAAA,EAAI;IAAKC,QAAA,EAAU;IACzBF,QAAA,iBAAAlC,GAAA,CAACH,WAAA;MACCY,KAAA,EAAM;MACNE,WAAA,EAAY;MACZC,UAAA,EAAW;MACX2C,OAAA,EAAS;MACTC,OAAA,EAAS;IAAA,CACX;EAAA,CACF;AAEJ;AAIO,MAAMC,mBAAA,GAAsB;EACjCjC,MAAA,EAASc,IAAA,IAAgD,eAAAtC,GAAA,CAACJ,cAAA;IAAgB,GAAG0C;EAAA,CAAM;EACnFA,IAAA,EAAM;IACJ7B,KAAA,EAAO;IACPE,WAAA,EAAa;IACbC,UAAA,EAAY;EACd;AACF;AAEO,MAAM8C,oBAAA,GAAuB;EAClClC,MAAA,EAAQA,CAAA,KACN,eAAAxB,GAAA,CAACT,MAAA;IAAO4C,GAAA,EAAI;IAAKC,QAAA,EAAU;IACzBF,QAAA,iBAAAlC,GAAA,CAACJ,cAAA;MACCa,KAAA,EAAM;MACNE,WAAA,EAAY;MACZC,UAAA,EAAW;MACX+C,UAAA,EAAW;IAAA,CACb;EAAA,CACF;AAEJ;AAEO,MAAMC,yBAAA,GAA4B;EACvCpC,MAAA,EAAQA,CAAA,KACN,eAAAxB,GAAA,CAACT,MAAA;IAAO4C,GAAA,EAAI;IAAKC,QAAA,EAAU;IACzBF,QAAA,iBAAAlC,GAAA,CAACJ,cAAA;MACCa,KAAA,EAAM;MACNE,WAAA,EAAY;MACZC,UAAA,EAAW;MACXiD,WAAA,EAAW;IAAA,CACb;EAAA,CACF;AAEJ","ignoreList":[]}