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>}

        </>

      )}

    />

  )

}