|
|
|
@ -70,7 +70,7 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
|
|
|
|
|
<div className='flex flex-col gap-2'>
|
|
|
|
|
<div className='flex items-center justify-between'>
|
|
|
|
|
<IconButton
|
|
|
|
|
className='datepicker__button'
|
|
|
|
|
className='datepicker__button rtl:rotate-180'
|
|
|
|
|
src={require('@tabler/icons/chevron-left.svg')}
|
|
|
|
|
onClick={decreaseMonth}
|
|
|
|
|
disabled={prevMonthButtonDisabled}
|
|
|
|
@ -79,7 +79,7 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
|
|
|
|
|
/>
|
|
|
|
|
{intl.formatDate(date, { month: 'long' })}
|
|
|
|
|
<IconButton
|
|
|
|
|
className='datepicker__button'
|
|
|
|
|
className='datepicker__button rtl:rotate-180'
|
|
|
|
|
src={require('@tabler/icons/chevron-right.svg')}
|
|
|
|
|
onClick={increaseMonth}
|
|
|
|
|
disabled={nextMonthButtonDisabled}
|
|
|
|
@ -89,7 +89,7 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
|
|
|
|
|
</div>
|
|
|
|
|
<div className='flex items-center justify-between'>
|
|
|
|
|
<IconButton
|
|
|
|
|
className='datepicker__button'
|
|
|
|
|
className='datepicker__button rtl:rotate-180'
|
|
|
|
|
src={require('@tabler/icons/chevron-left.svg')}
|
|
|
|
|
onClick={decreaseYear}
|
|
|
|
|
disabled={prevYearButtonDisabled}
|
|
|
|
@ -98,7 +98,7 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
|
|
|
|
|
/>
|
|
|
|
|
{intl.formatDate(date, { year: 'numeric' })}
|
|
|
|
|
<IconButton
|
|
|
|
|
className='datepicker__button'
|
|
|
|
|
className='datepicker__button rtl:rotate-180'
|
|
|
|
|
src={require('@tabler/icons/chevron-right.svg')}
|
|
|
|
|
onClick={increaseYear}
|
|
|
|
|
disabled={nextYearButtonDisabled}
|
|
|
|
|