From 47630dbcd2fdb52cdd488bafeb0ef95bcb70301d Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Sat, 8 Oct 2022 10:18:08 +0200
Subject: [PATCH 1/2] Fixed date time picker arrow getting placed on the very
 edge of the popper

---
 src/utils/DateInput.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/utils/DateInput.tsx b/src/utils/DateInput.tsx
index f2b7cc96..84c41cb5 100644
--- a/src/utils/DateInput.tsx
+++ b/src/utils/DateInput.tsx
@@ -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

From 89f031b338efee9c3d1cb3c896f62fcbfb345482 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Sat, 8 Oct 2022 10:18:52 +0200
Subject: [PATCH 2/2] Updated changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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