envoc-form 4.0.1-0 → 4.0.1-10

package/src/DatePickerInput/DatePickerInput.tsx

@@ -1,85 +0,0 @@
-import { useState } from 'react';
-import DatePicker, { DatePickerProps } from 'react-date-picker';
-import classnames from 'classnames';
-import parseISO from 'date-fns/parseISO';
-import { InjectedFieldProps } from '../Field/InjectedFieldProps';
-import Group, { GroupProps } from '../Group';
-
-// Docs for react-date-picker https://www.npmjs.com/package/react-date-picker
-
-// TODO: pick better home for this
-export interface DateOnly {
-  year?: number;
-  month?: number;
-  day?: number;
-}
-
-type InjectedDate = InjectedFieldProps<DateOnly | undefined>;
-
-export interface DatePickerInputProps
-  extends InjectedDate,
-    Omit<DatePickerProps, keyof InjectedDate | 'name' | 'value' | 'className'>,
-    Omit<GroupProps, keyof InjectedDate | 'children'> {}
-
-export default function DatePickerInput({
-  input,
-  meta,
-  label,
-  helpText,
-  className,
-  disabled,
-  ...rest
-}: DatePickerInputProps) {
-  const [displayDate, setDisplayDate] = useState<Date | null>(null);
-
-  function handleChange(e: DatePickerProps['value'] | undefined) {
-    const { onChange } = input;
-    if (onChange == null) {
-      return;
-    }
-
-    if (!e) {
-      onChange(undefined);
-      setDisplayDate(null);
-      return;
-    }
-
-    if (e instanceof Date) {
-      const parsedValue = parseISO(e.toISOString().split('T')[0]);
-
-      setDisplayDate(parsedValue);
-      onChange({
-        year: e.getFullYear(),
-        month: e.getMonth() + 1,
-        day: e.getDate(),
-      });
-    } else {
-      // e is instanceof Date[]
-      const parsedValue = parseISO(e[0].toISOString().split('T')[0]);
-
-      setDisplayDate(parsedValue);
-      onChange({
-        year: e[0].getFullYear(),
-        month: e[0].getMonth() + 1,
-        day: e[0].getDate(),
-      });
-    }
-  }
-
-  return (
-    <Group
-      input={input}
-      meta={meta}
-      label={label}
-      helpText={helpText}
-      className={classnames(className, 'date-picker')}
-      disabled={disabled}>
-      <DatePicker
-        {...rest}
-        className={classnames('date-picker', className)}
-        value={displayDate}
-        onChange={handleChange}
-      />
-    </Group>
-  );
-}