@cerberus-design/react 0.25.2 → 0.25.3

package/dist/components/date-picker/date-picker.cjs

@@ -4,17 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const parts = require('./parts.cjs');
-const CalendarDate = require('../../node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/CalendarDate.cjs');
 
-const FULL_DATE_REGEX = /^(\d{1,2})[\s/](\d{1,2})[\s/](\d{4})$/;
-const PARTIAL_DATE_REGEX = /^(\d{1,2})[\s/](\d{1,2})$/;
-const MONTH_REGEX = /^(\d{1,2})$/;
 function DatePicker(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     parts.DatePickerParts.Root,
     {
-      format: handleFormat,
-      parse,
       positioning: {
         placement: "bottom-start"
       },
@@ -22,44 +16,5 @@ function DatePicker(props) {
     }
   );
 }
-function parse(value) {
-  const fullMatch = value.match(FULL_DATE_REGEX);
-  if (fullMatch) {
-    const [, month, day, year] = fullMatch.map(Number);
-    try {
-      return new CalendarDate.CalendarDate(year, month, day);
-    } catch {
-      return void 0;
-    }
-  }
-  const partialMatch = value.match(PARTIAL_DATE_REGEX);
-  if (partialMatch) {
-    const [, month, day] = partialMatch.map(Number);
-    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    try {
-      return new CalendarDate.CalendarDate(currentYear, month, day);
-    } catch {
-      return void 0;
-    }
-  }
-  const monthMatch = value.match(MONTH_REGEX);
-  if (monthMatch) {
-    const [, month] = monthMatch.map(Number);
-    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    try {
-      if (month < 1 || month > 12) return void 0;
-      return new CalendarDate.CalendarDate(currentYear, month, 1);
-    } catch {
-      return void 0;
-    }
-  }
-  return void 0;
-}
-function handleFormat(date) {
-  const day = date.day.toString().padStart(2, "0");
-  const month = date.month.toString().padStart(2, "0");
-  const year = date.year.toString();
-  return `${month} ${day} ${year}`;
-}
 
 exports.DatePicker = DatePicker;

package/dist/components/date-picker/date-picker.js

@@ -1,16 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { DatePickerParts } from './parts.js';
-import { CalendarDate } from '../../node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/src/CalendarDate.js';
 
-const FULL_DATE_REGEX = /^(\d{1,2})[\s/](\d{1,2})[\s/](\d{4})$/;
-const PARTIAL_DATE_REGEX = /^(\d{1,2})[\s/](\d{1,2})$/;
-const MONTH_REGEX = /^(\d{1,2})$/;
 function DatePicker(props) {
   return /* @__PURE__ */ jsx(
     DatePickerParts.Root,
     {
-      format: handleFormat,
-      parse,
       positioning: {
         placement: "bottom-start"
       },
@@ -18,44 +12,5 @@ function DatePicker(props) {
     }
   );
 }
-function parse(value) {
-  const fullMatch = value.match(FULL_DATE_REGEX);
-  if (fullMatch) {
-    const [, month, day, year] = fullMatch.map(Number);
-    try {
-      return new CalendarDate(year, month, day);
-    } catch {
-      return void 0;
-    }
-  }
-  const partialMatch = value.match(PARTIAL_DATE_REGEX);
-  if (partialMatch) {
-    const [, month, day] = partialMatch.map(Number);
-    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    try {
-      return new CalendarDate(currentYear, month, day);
-    } catch {
-      return void 0;
-    }
-  }
-  const monthMatch = value.match(MONTH_REGEX);
-  if (monthMatch) {
-    const [, month] = monthMatch.map(Number);
-    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    try {
-      if (month < 1 || month > 12) return void 0;
-      return new CalendarDate(currentYear, month, 1);
-    } catch {
-      return void 0;
-    }
-  }
-  return void 0;
-}
-function handleFormat(date) {
-  const day = date.day.toString().padStart(2, "0");
-  const month = date.month.toString().padStart(2, "0");
-  const year = date.year.toString();
-  return `${month} ${day} ${year}`;
-}
 
 export { DatePicker };

package/dist/components/date-picker/input.cjs

@@ -15,7 +15,7 @@ function DatePickerInput(props) {
       {
         ...props,
         maxLength: 11,
-        placeholder: props.placeholder ?? "MM DD YYYY"
+        placeholder: props.placeholder ?? "MM/DD/YYYY"
       }
     )
   ] });

package/dist/components/date-picker/input.js

@@ -11,7 +11,7 @@ function DatePickerInput(props) {
       {
         ...props,
         maxLength: 11,
-        placeholder: props.placeholder ?? "MM DD YYYY"
+        placeholder: props.placeholder ?? "MM/DD/YYYY"
       }
     )
   ] });

package/dist/components/date-picker/range-input.cjs

@@ -15,7 +15,7 @@ function RangePickerInput(props) {
       {
         ...props,
         "data-range-input": true,
-        placeholder: props.placeholder ?? "MM DD YYYY",
+        placeholder: props.placeholder ?? "MM/DD/YYYY",
         maxLength: 11,
         index: 0
       }
@@ -26,7 +26,7 @@ function RangePickerInput(props) {
         ...props,
         "data-range-input": true,
         "data-range-end-input": true,
-        placeholder: props.placeholder ?? "MM DD YYYY",
+        placeholder: props.placeholder ?? "MM/DD/YYYY",
         maxLength: 11,
         index: 1
       }

package/dist/components/date-picker/range-input.js

@@ -11,7 +11,7 @@ function RangePickerInput(props) {
       {
         ...props,
         "data-range-input": true,
-        placeholder: props.placeholder ?? "MM DD YYYY",
+        placeholder: props.placeholder ?? "MM/DD/YYYY",
         maxLength: 11,
         index: 0
       }
@@ -22,7 +22,7 @@ function RangePickerInput(props) {
         ...props,
         "data-range-input": true,
         "data-range-end-input": true,
-        placeholder: props.placeholder ?? "MM DD YYYY",
+        placeholder: props.placeholder ?? "MM/DD/YYYY",
         maxLength: 11,
         index: 1
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.25.2",
+  "version": "0.25.3",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -28,7 +28,7 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus/panda-preset": "0.25.2"
+    "@cerberus/panda-preset": "0.25.3"
   },
   "publishConfig": {
     "access": "public"

package/src/components/date-picker/date-picker.tsx

@@ -1,13 +1,7 @@
 'use client'
 
-import { DateValue } from '@ark-ui/react/date-picker'
 import { DatePickerParts } from './parts'
 import type { DatePickerRootProps } from './primitives'
-import { CalendarDate } from '@internationalized/date'
-
-const FULL_DATE_REGEX = /^(\d{1,2})[\s/](\d{1,2})[\s/](\d{4})$/
-const PARTIAL_DATE_REGEX = /^(\d{1,2})[\s/](\d{1,2})$/
-const MONTH_REGEX = /^(\d{1,2})$/
 
 /**
  * DatePicker component is an abstraction of the DatePickerRoot primitive which
@@ -17,8 +11,6 @@ const MONTH_REGEX = /^(\d{1,2})$/
 export function DatePicker(props: DatePickerRootProps) {
   return (
     <DatePickerParts.Root
-      format={handleFormat}
-      parse={parse}
       positioning={{
         placement: 'bottom-start',
       }}
@@ -26,47 +18,3 @@ export function DatePicker(props: DatePickerRootProps) {
     />
   )
 }
-
-function parse(value: string): DateValue | undefined {
-  const fullMatch = value.match(FULL_DATE_REGEX)
-  if (fullMatch) {
-    const [, month, day, year] = fullMatch.map(Number)
-    try {
-      return new CalendarDate(year, month, day) as unknown as DateValue
-    } catch {
-      return undefined
-    }
-  }
-
-  const partialMatch = value.match(PARTIAL_DATE_REGEX)
-  if (partialMatch) {
-    const [, month, day] = partialMatch.map(Number)
-    const currentYear = new Date().getFullYear()
-    try {
-      return new CalendarDate(currentYear, month, day) as unknown as DateValue
-    } catch {
-      return undefined
-    }
-  }
-
-  const monthMatch = value.match(MONTH_REGEX)
-  if (monthMatch) {
-    const [, month] = monthMatch.map(Number)
-    const currentYear = new Date().getFullYear()
-    try {
-      if (month < 1 || month > 12) return undefined
-      return new CalendarDate(currentYear, month, 1) as unknown as DateValue
-    } catch {
-      return undefined
-    }
-  }
-
-  return undefined
-}
-
-function handleFormat(date: DateValue): string {
-  const day = date.day.toString().padStart(2, '0')
-  const month = date.month.toString().padStart(2, '0')
-  const year = date.year.toString()
-  return `${month} ${day} ${year}`
-}

package/src/components/date-picker/input.tsx

@@ -19,7 +19,7 @@ export function DatePickerInput(props: DatePickerInputElProps) {
       <DatePickerParts.Input
         {...props}
         maxLength={11}
-        placeholder={props.placeholder ?? 'MM DD YYYY'}
+        placeholder={props.placeholder ?? 'MM/DD/YYYY'}
       />
     </DatePickerParts.Control>
   )

package/src/components/date-picker/range-input.tsx

@@ -21,7 +21,7 @@ export function RangePickerInput(props: RangePickerInputProps) {
       <DatePickerParts.Input
         {...props}
         data-range-input
-        placeholder={props.placeholder ?? 'MM DD YYYY'}
+        placeholder={props.placeholder ?? 'MM/DD/YYYY'}
         maxLength={11}
         index={0}
       />
@@ -29,7 +29,7 @@ export function RangePickerInput(props: RangePickerInputProps) {
         {...props}
         data-range-input
         data-range-end-input
-        placeholder={props.placeholder ?? 'MM DD YYYY'}
+        placeholder={props.placeholder ?? 'MM/DD/YYYY'}
         maxLength={11}
         index={1}
       />