@homecode/ui 4.22.14 → 4.22.16

package/dist/esm/src/components/DatePicker/DatePicker.helpers.js

@@ -1,7 +1,9 @@
 function dateToString(date) {
-    return `${date.year}-${date.month}-${date.day}`;
+    const month = String(date.month).padStart(2, '0');
+    const day = String(date.day).padStart(2, '0');
+    return `${date.year}-${month}-${day}`;
 }
-function strigToDate(dateString) {
+function stringToDate(dateString) {
     const [year, month, day] = dateString.split('-');
     return {
         year: Number(year),
@@ -28,4 +30,4 @@ function isDateBetween(date, startDate, endDate) {
     return isDateAfter(date, startDate) && isDateBefore(date, endDate);
 }
 
-export { dateToString, isDateAfter, isDateBefore, isDateBetween, isDateEqual, strigToDate };
+export { dateToString, isDateAfter, isDateBefore, isDateBetween, isDateEqual, stringToDate };

package/dist/esm/src/components/DatePicker/DatePicker.js

@@ -3,7 +3,7 @@ import { useState, useCallback, createElement } from 'react';
 import cn from 'classnames';
 import { Calendar } from '../Calendar/Calendar.js';
 import { Button } from '../Button/Button.js';
-import { dateToString, isDateAfter, strigToDate, isDateBetween, isDateEqual } from './DatePicker.helpers.js';
+import { dateToString, isDateAfter, stringToDate, isDateBetween, isDateEqual } from './DatePicker.helpers.js';
 import S from './DatePicker.styl.js';
 
 function DatePicker(props) {
@@ -21,7 +21,7 @@ function DatePicker(props) {
         const valStr = dateToString(val);
         if (isRange && isPicking) {
             props.onPointerOver = () => {
-                const newVal = isDateAfter(strigToDate(value[0]), val)
+                const newVal = isDateAfter(stringToDate(value[0]), val)
                     ? [valStr, value[0]]
                     : [value[0], valStr];
                 onChange(newVal);
@@ -29,8 +29,8 @@ function DatePicker(props) {
         }
         const classes = [className, S.day];
         if (isRange) {
-            const from = strigToDate(value[0]);
-            const to = strigToDate(value[1]);
+            const from = stringToDate(value[0]);
+            const to = stringToDate(value[1]);
             if (isDateBetween(val, from, to))
                 classes.push(S.between);
             if (isDateEqual(val, from))
@@ -41,7 +41,7 @@ function DatePicker(props) {
         return (createElement(Button, { ...props, variant: "clear", className: cn(classes), size: size, key: `${year}-${month}-${day}` }, day));
     }, [size, isPicking, isRange, value, onChange]);
     calendarProps.className = cn(calendarProps.className, S.calendar);
-    return (jsxs("div", { className: cn(S.root, doubleCalendar && S.doubleCalendar, props.className), onPointerDown: onPointerDown, onPointerUp: onPointerUp, children: [jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: strigToDate(isRange ? value[0] : value), onDayPointerDown: onFirstDateChange, onDayPointerUp: undefined }), isRange && doubleCalendar && (jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: strigToDate(value[1]), onDayPointerDown: val => onChange([value[0], dateToString(val)]), onDayPointerUp: val => onChange([value[0], dateToString(val)]) }))] }));
+    return (jsxs("div", { className: cn(S.root, doubleCalendar && S.doubleCalendar, props.className), onPointerDown: onPointerDown, onPointerUp: onPointerUp, children: [jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: stringToDate(isRange ? value[0] : value), onDayPointerDown: onFirstDateChange, onDayPointerUp: undefined }), isRange && doubleCalendar && (jsx(Calendar, { size: size, hideOtherMonthDays: isRange, ...calendarProps, renderDay: renderDay, value: stringToDate(value[1]), onDayPointerDown: val => onChange([value[0], dateToString(val)]), onDayPointerUp: val => onChange([value[0], dateToString(val)]) }))] }));
 }
 
 export { DatePicker };

package/dist/esm/src/components/DatePickerInput/DatePickerInput.js

@@ -12,7 +12,7 @@ function DatePickerInput(props) {
     const isRange = Array.isArray(value);
     return (jsx(Popup, { size: size, focusControl: true, direction: "bottom-right", ...popupProps, trigger: 
         // @ts-ignore
-        jsx(Button, { variant: variant, size: size, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
+        jsx(Button, { variant: variant, size: size, ...buttonProps, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
             className: cn(S.popupContent, props.doubleCalendar && S.doubleCalendar, S[`size-${size}`], popupProps?.contentProps?.className),
         }, content: jsx(DatePicker, { ...props, className: S.content, calendarProps: { className: S.calendar } }) }));
 }

package/dist/esm/types/src/components/DatePicker/DatePicker.helpers.d.ts

@@ -1,6 +1,6 @@
 import type { Date } from 'uilib/types';
 export declare function dateToString(date: Date): string;
-export declare function strigToDate(dateString: string): {
+export declare function stringToDate(dateString: string): {
     year: number;
     month: number;
     day: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.22.14",
+  "version": "4.22.16",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",