wojtekmaj / react-date-picker

A date picker for your React app.
https://projects.wojtekmaj.pl/react-date-picker
MIT License
1.27k stars 195 forks source link

onBlur execute while entring the date #651

Closed NematAnsari closed 4 months ago

NematAnsari commented 8 months ago

Before you start - checklist

Description

actually I disable calendar and i am manually entering the date while iam entring date onblur functions executes instead of iam clicking any where or focusing out as i enter day on blur executes how can i prevent them from executing until iam not clicking any where

<DatePicker calendarClassName={appStyles.bfpDatePickerCalendar} className={appStyles.bfpDatePicker} format={appConstants.datePickerFormat} value={values.main_applicant} dayPlaceholder='dd' monthPlaceholder='mm' yearPlaceholder='yyyy' id='main_applicant' onChange={(value) => { setFieldValue("main_applicant", value); }} onBlur={handleBlur("main_applicant")} onKeyDown={(e: any) => { const inputValue = e.target.value; const year = inputValue.slice(-4); if (year.length === 4 && e.key.length === 1) { e.preventDefault(); } }} calendarIcon={() => { return ; }} clearIcon={() => { return ; }} disableCalendar={true} />

Steps to reproduce

first disable calendar and start date manually

Expected behavior

after i enter date then show touched true else false

Actual behavior

touched becomes true while iam entering the date

Additional information

............................

Environment

github-actions[bot] commented 5 months ago

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.

github-actions[bot] commented 4 months ago

This issue was closed because it has been stalled for 14 days with no activity.