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

        </>

      )}

    />

  );

}