packages/components/containers/contacts/edit/fields/ContactFieldDate.tsx

   1 import { isValid } from 'date-fns';
   2
   3 import DateInput from '@proton/components/components/input/DateInput';
   4 import { getDateFromVCardProperty } from '@proton/shared/lib/contacts/property';
   5 import { getAllFieldLabels } from '@proton/shared/lib/helpers/contacts';
   6 import type { VCardDateOrText, VCardProperty } from '@proton/shared/lib/interfaces/contacts/VCard';
   7
   8 interface Props {
   9     vCardProperty: VCardProperty<VCardDateOrText>;
  10     onChange: (vCardProperty: VCardProperty) => void;
  11 }
  12
  13 const ContactFieldDate = ({ vCardProperty, onChange, ...rest }: Props) => {
  14     const label = (getAllFieldLabels() as any)[vCardProperty.field] || '';
  15
  16     const date = getDateFromVCardProperty(vCardProperty);
  17
  18     const handleChange = (date?: Date) => {
  19         if (!date || !isValid(date)) {
  20             return;
  21         }
  22
  23         onChange({ ...vCardProperty, value: { ...vCardProperty.value, date } });
  24     };
  25
  26     return <DateInput placeholder={label} value={date} onChange={handleChange} data-testid={label} {...rest} />;
  27 };
  28
  29 export default ContactFieldDate;