shlinkio/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-12-11 18:41:12 -06:00
Code Issues Packages Projects Releases 67 Wiki Activity

Merge pull request #714 from acelaya-forks/feature/fix-datepicker-triangle

Browse Source 
Feature/fix datepicker triangle
This commit is contained in:
Alejandro Celaya 2022-10-08 10:23:06 +02:00 committed by GitHub
commit 497a735d80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -18,7 +18,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
* *Nothing* * *Nothing*
### Fixed ### Fixed
* *Nothing* * [#590](https://github.com/shlinkio/shlink-web-client/issues/590) Fixed position of the datepicker triangle.
## [3.7.3] - 2022-09-13 ## [3.7.3] - 2022-09-13

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