forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-18 05:23:49 +00:00
Code Issues Packages Projects Releases 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
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"> <div className="date-input-container">
<DatePicker <DatePicker
{...props} {...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" dateFormat="yyyy-MM-dd"
className={classNames('date-input-container__input form-control', className)} className={classNames('date-input-container__input form-control', className)}
// @ts-expect-error The DatePicker type definition is wrong. It has a ref prop // @ts-expect-error The DatePicker type definition is wrong. It has a ref prop