mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-10 18:27:25 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fixed date time picker arrow getting placed on the very edge of the popper

Browse source
This commit is contained in:
Alejandro Celaya 2022-10-08 10:18:08 +02:00
parent 0d57684565
commit 47630dbcd2
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/utils/DateInput.tsx
View file

@ -17,6 +17,12 @@ export const DateInput = (props: DateInputProps) => {
<div className="date-input-container">
<DatePicker
{...props}
popperModifiers={[
{
name: 'arrow',
options: { padding: 24 }, // This prevents the arrow to be placed on the very edge, which looks ugly
},
]}
dateFormat="yyyy-MM-dd"
className={classNames('date-input-container__input form-control', className)}
// @ts-expect-error The DatePicker type definition is wrong. It has a ref prop