Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Controller } from 'react-hook-form'
import { InputLabel } from '@mui/material'
import Datetime from 'react-datetime'

import FormErrorFeedback from '@components/UI/form/FormErrorFeedback'

import 'react-datetime/css/react-datetime.css'

export default function DatetimePicker({
  control,
  rules,
  name = '',
  label = '',
  displayTime = false,
  dateFormat = 'DD-MM-YYYY',
  parseFormat = 'YYYY-MM-DD',
  defaultValue
}) {
  return (
    <Controller
      name={name}
      control={control}
      rules={rules}
      render={({
        field: { onChange, ref, value, name },
        fieldState: { error }
      }) => (
        <>
          {label && <InputLabel>{label}</InputLabel>}
          <Datetime
            dateFormat={dateFormat}
            onChange={(e) => onChange(e.format(parseFormat))}
            timeFormat={displayTime}
            inputProps={{
              className: 'form-control',
              ref,
              name,
              autoComplete: 'off'
            }}
            value={value}
            initialValue={defaultValue}
            closeOnSelect
          />
          {error && <FormErrorFeedback>{error.message}</FormErrorFeedback>}
        </>
      )}
    />
  )
}