feat: removed debugger and renamed defaultDate to defaultValue

themesberg · Aug 28, 2024 · c947a5e · c947a5e
1 parent bf555fd
commit c947a5e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 16 deletions.
diff --git a/packages/ui/src/components/Datepicker/Datepicker.stories.tsx b/packages/ui/src/components/Datepicker/Datepicker.stories.tsx
@@ -48,10 +48,10 @@ const ControlledTemplate: StoryFn<DatepickerProps> = (args) => {
  args.maxDate = new Date(args.maxDate);
  }
 
- // update defaultDate based on the range
+ // update defaultValue based on the range
  if (args.minDate && args.maxDate) {
- if (args.defaultDate) {
- args.defaultDate = getFirstDateInRange(args.defaultDate, args.minDate, args.maxDate);
+ if (args.defaultValue) {
+ args.defaultValue = getFirstDateInRange(args.defaultValue, args.minDate, args.maxDate);
  }
  }
 
@@ -67,10 +67,10 @@ const Template: StoryFn<DatepickerProps> = (args) => {
  args.maxDate = new Date(args.maxDate);
  }
 
- // update defaultDate based on the range
+ // update defaultValue based on the range
  if (args.minDate && args.maxDate) {
- if (args.defaultDate) {
- args.defaultDate = getFirstDateInRange(args.defaultDate, args.minDate, args.maxDate);
+ if (args.defaultValue) {
+ args.defaultValue = getFirstDateInRange(args.defaultValue, args.minDate, args.maxDate);
  }
  }
 

diff --git a/packages/ui/src/components/Datepicker/Datepicker.tsx b/packages/ui/src/components/Datepicker/Datepicker.tsx
@@ -77,13 +77,13 @@ export interface DatepickerRef {
  */
  focus: () => void;
  /**
- * Clears the datepicker value back to the defaultDate.
+ * Clears the datepicker value back to the defaultValue.
  */
  clear: () => void;
 }
 
-export interface DatepickerProps extends Omit<TextInputProps, "theme" | "onChange" | "value"> {
- defaultDate?: Date;
+export interface DatepickerProps extends Omit<TextInputProps, "theme" | "onChange" | "value" | "defaultValue"> {
+ defaultValue?: Date;
  open?: boolean;
  inline?: boolean;
  autoHide?: boolean;
@@ -111,7 +111,7 @@ const DatepickerRender: ForwardRefRenderFunction<DatepickerRef, DatepickerProps>
  labelClearButton = "Clear",
  showTodayButton = true,
  labelTodayButton = "Today",
- defaultDate = new Date(),
+ defaultValue = new Date(),
  minDate,
  maxDate,
  language = "en",
@@ -128,11 +128,11 @@ const DatepickerRender: ForwardRefRenderFunction<DatepickerRef, DatepickerProps>
  const theme = mergeDeep(getTheme().datepicker, customTheme);
 
  const effectiveDefaultValue = useMemo(() => {
- return getFirstDateInRange(defaultDate, minDate, maxDate);
+ return getFirstDateInRange(defaultValue, minDate, maxDate);
  }, []);
 
  const effectiveDefaultView = useMemo(() => {
- return defaultDate ? getFirstDateInRange(defaultDate, minDate, maxDate) : new Date();
+ return defaultValue ? getFirstDateInRange(defaultValue, minDate, maxDate) : new Date();
  }, []);
 
  const [isOpen, setIsOpen] = useState(open);
@@ -159,9 +159,9 @@ const DatepickerRender: ForwardRefRenderFunction<DatepickerRef, DatepickerProps>
  };
 
  const clearDate = () => {
- changeSelectedDate(defaultDate, true);
- if (defaultDate) {
- setViewDate(defaultDate);
+ changeSelectedDate(defaultValue, true);
+ if (defaultValue) {
+ setViewDate(defaultValue);
  }
  };
 

diff --git a/packages/ui/src/components/Datepicker/helpers.ts b/packages/ui/src/components/Datepicker/helpers.ts
@@ -38,7 +38,6 @@ export const isDateInRange = (date: Date, minDate?: Date, maxDate?: Date): boole
 };
 
 export const isDateEqual = (date: Date, selectedDate: Date): boolean => {
- debugger
  date = new Date(date.getFullYear(), date.getMonth(), date.getDate());
  selectedDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate());