From 4d9289c45b7faced61986bdb4a3b03d2389bf56d Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Fri, 15 Jan 2021 15:19:59 +0100
Subject: [PATCH] Render flatpickr `input` more enabled

by default, `input[readonly]` is styled as disable one. Using flatpickr with these disable inputs need to be customized. By clinking on it, it opens the datepicker widget.
---
 app/assets/stylesheets/admin/datepicker.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/admin/datepicker.scss b/app/assets/stylesheets/admin/datepicker.scss
index 87dcf4b786..3fadd59049 100644
--- a/app/assets/stylesheets/admin/datepicker.scss
+++ b/app/assets/stylesheets/admin/datepicker.scss
@@ -1,6 +1,10 @@
 input.datetimepicker {
   min-width: 12.9em;
 }
+.container input[readonly].datetimepicker {
+  background-color: white;
+  cursor: pointer;
+}
 
 img.ui-datepicker-trigger {
   margin-left: -1.75em;