problem of years

[Chino70]

when only year must be completed and the calendar always opens the previous year

[aziyatali]

@Chino70 Please provide more context/code about your problem?

[Chino70]

when i enter a single year in the text while the calendar shows previous year, i prefer same year to appear
return (
<DatePicker
style={{ width: '100%' }}
className="form-control"
locale="es"
peekNextMonth
showYearDropdown
showMonthDropdown
disabledKeyboardNavigation
dateFormat="dd/MM/yyyy"
{...props }
/>
);

[aziyatali]

@Chino70
You should specify the selected props.
Something like this:

const [selectedDate, setSelectedDate] = useState(new Date());

  return (
    <DatePicker
      style={{ width: '100%' }}
      className="form-control"
      locale="es"
      peekNextMonth
      showYearDropdown
      showMonthDropdown
      disabledKeyboardNavigation
      dateFormat="dd/MM/yyyy"
      selected={selectedDate}
      onChange={(date) => setSelectedDate(date)}
      {...props}
    />
  );

If it resolves your problem, please specify as resolved

[Chino70]

Sorry, I'll give you another code, it's to enter the text

const DatePickerField = (params: DatePickerProps) => {
const { validate, minDate: min, maxDate: max, blockedMonth, ...props } = params;

return (
<DatePicker
type="date"
validate={(validate) ? validations.concat(validate) : validations}
previousButtonElement={((blockedMonth) ? "" : "<") }
nextButtonElement={((blockedMonth) ? "" : ">") }
{...props}
/>
);
};