@pushwoosh/dumb-components 1.0.36 → 1.0.38

package/DateTimePicker/components/DatePicker/types.d.ts

@@ -2,8 +2,8 @@ import type { ReactNode } from 'react';
 export interface DatePickerProps {
     value?: string;
     userInputDay?: string;
-    minDate?: Date;
-    maxDate?: Date;
+    minDate?: Date | string;
+    maxDate?: Date | string;
     slotAfterMonth?: () => ReactNode | null;
     onChange: (day: string) => void;
 }

package/DateTimePicker/components/Month/Month.js

@@ -32,8 +32,8 @@ export function Month(props) {
     const curDay = new Date(Date.UTC(firstDayDate.getUTCFullYear(), firstDayDate.getUTCMonth(), firstDayDate.getUTCDate() + i));
     const isDisabled = isInRange({
       value: curDay,
-      minDate: minDate || undefined,
-      maxDate: maxDate || undefined
+      minDate: minDate,
+      maxDate: maxDate
     });
     return React.createElement(CellBox, {
       key: `${curDay}`,

package/DateTimePicker/components/Month/types.d.ts

@@ -2,7 +2,7 @@ export interface MonthProps {
     month: string;
     activeDay?: string;
     userInputDay?: string;
-    minDate?: Date;
-    maxDate?: Date;
+    minDate?: Date | string;
+    maxDate?: Date | string;
     onDaySelect: (day: string) => void;
 }

package/DateTimePicker/components/MonthView/types.d.ts

@@ -2,8 +2,8 @@ export interface MonthViewProps {
     month: string;
     activeDay?: string;
     userInputDay?: string;
-    minDate?: Date;
-    maxDate?: Date;
+    minDate?: Date | string;
+    maxDate?: Date | string;
     onDaySelect: (day: string) => void;
     onShowYear: () => void;
     onShowDecade: () => void;

package/DateTimePicker/helpers.d.ts

@@ -10,6 +10,4 @@ export declare const differenceInDays: (d1: Date, d2: Date) => number;
 export declare const monthName: (month: number, monthFormat?: "short" | "long") => string;
 export declare const isSamePeriod: (d1: string | Date, d2: string | Date, period: Period) => boolean;
 export declare const firstDayOfWeek: (date: Date) => Date;
-export declare const startOfYear: (date: Date) => Date;
-export declare const endOfYear: (date: Date) => Date;
 export declare const isInRange: (options: RangeOptions) => boolean;

package/DateTimePicker/helpers.js

@@ -57,8 +57,9 @@ export const firstDayOfWeek = date => {
   }
   return d;
 };
-export const startOfYear = date => new Date(date.getFullYear(), 0, 1, 0, 0, 0, 0);
-export const endOfYear = date => new Date(date.getFullYear(), 11, 31, 23, 59, 59, 999);
+const parseLocalTzDateOrString = date => {
+  return date instanceof Date ? createUTCDate(date.getFullYear(), date.getMonth() + 1, date.getDate()) : parseStringToDate(date);
+};
 export const isInRange = options => {
   const {
     value,
@@ -67,12 +68,12 @@ export const isInRange = options => {
   } = options;
   let result = false;
   if (minDate) {
-    if (value.getTime() < minDate.getTime()) {
+    if (value.getTime() < parseLocalTzDateOrString(minDate).getTime()) {
       result = true;
     }
   }
   if (maxDate) {
-    if (value.getTime() > maxDate.getTime()) {
+    if (value.getTime() > parseLocalTzDateOrString(maxDate).getTime()) {
       result = true;
     }
   }

package/DateTimePicker/types.d.ts

@@ -1,6 +1,6 @@
 export type Period = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
 export type RangeOptions = {
     value: Date;
-    minDate?: Date;
-    maxDate?: Date;
+    minDate?: Date | string;
+    maxDate?: Date | string;
 };

package/DropdownMenu/components/DropdownMenuItem/styles.js

@@ -3,7 +3,7 @@ import { Color, Spacing, UnitSize } from '@pushwoosh/kit-constants';
 export const DropdownMenuItemStyled = styled.button.withConfig({
   displayName: "DropdownMenuItemStyled",
   componentId: "sc-1wmyvxp-0"
-})(["appearance:none;display:flex;align-items:center;padding:0 ", ";min-height:", ";border:none;color:", ";background:none;cursor:pointer;&:hover{background:", ";color:", ";}&:disabled{color:", ";cursor:not-allowed;}"], Spacing.S4, UnitSize.FIELD_HEIGHT, ({
+})(["appearance:none;display:flex;align-items:center;white-space:nowrap;padding:0 ", ";min-height:", ";border:none;color:", ";background:none;cursor:pointer;&:hover{background:", ";color:", ";}&:disabled{color:", ";cursor:not-allowed;}"], Spacing.S4, UnitSize.FIELD_HEIGHT, ({
   $active,
   $danger
 }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",