[datetime2] fix(DateInput2): clearing input calls onChange(null)

packages/datetime2/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blueprintjs/datetime2",
-    "version": "0.2.0",
+    "version": "0.3.0",
     "description": "Components for interacting with dates and times with timezones",
     "main": "lib/cjs/index.js",
     "module": "lib/esm/index.js",

packages/datetime2/src/components/date-input2/dateInput2.tsx

@@ -31,8 +31,8 @@ export interface DateInput2Props extends Omit<DateInputProps, "onChange" | "valu
     /** The default timezone selected. Defaults to the user local timezone */
     defaultTimezone?: string;
 
-    /** Callback invoked whenever the date or timezone has changed. ISO string */
-    onChange: (newDate: string, isUserChange?: boolean) => void;
+    /** Callback invoked whenever the date or timezone has changed. ISO string. Null if's not currently a valid date */
+    onChange: (newDate: string | null, isUserChange?: boolean) => void;
 
     /** An ISO string mapping to the selected time. */
     value: string | null;
@@ -88,7 +88,7 @@ export const DateInput2: React.FC<DateInput2Props> = React.memo(function _DateIn
     const handleDateChange = React.useCallback(
         (newDate: Date | null, isUserChange: boolean) => {
             if (newDate == null) {
-                return;
+                return onChange?.(newDate, isUserChange);
             }
             const newDateString = getIsoEquivalentWithUpdatedTimezone(newDate, timezoneValue, timePrecision);
             onChange?.(newDateString, isUserChange);

packages/docs-app/src/examples/datetime2-examples/dateInput2Example.tsx

@@ -133,7 +133,7 @@ export class DateInput2Example extends React.PureComponent<IExampleProps, DateIn
         );
     }
 
-    private handleDateChange = (date: string) => this.setState({ date });
+    private handleDateChange = (date: string | null) => this.setState({ date });
 
     private handleFormatChange = (format: DateFormatProps) => this.setState({ format });
 }