update src/components/DateRangePicker/index.js and src/components/DateRangePicker/index.scss

master
Your Name 2 years ago
parent fc396ddbaf
commit 5cde089fa4
  1. 8
      src/components/DateRangePicker/index.js
  2. 4
      src/components/DateRangePicker/index.scss

@ -25,16 +25,18 @@ function CustomRangeInput({ openCalendar, value }) {
}, []); }, []);
return ( return (
<div className="flex flex-row items-center "> <div className="flex flex-row items-center justify-center">
<input <input
className="w-full py-1 text-center text-sm rounded border border-gray-200 focus:outline-none focus:border-[#0074d9] focus:ring-[#0074d9] focus:ring-1" style={{ width: "33%" }}
className="py-1 text-center text-sm rounded border border-gray-200 focus:outline-none focus:border-[#0074d9] focus:ring-[#0074d9] focus:ring-1"
onFocus={openCalendar} onFocus={openCalendar}
value={value[0]} value={value[0]}
readOnly readOnly
/> />
<p className="mx-2 text-sm">تا</p> <p className="mx-2 text-sm">تا</p>
<input <input
className="w-full py-1 text-center text-sm rounded border border-gray-200 focus:outline-none focus:border-[#0074d9] focus:ring-[#0074d9] focus:ring-1" style={{ width: "33%" }}
className="py-1 text-center text-sm rounded border border-gray-200 focus:outline-none focus:border-[#0074d9] focus:ring-[#0074d9] focus:ring-1"
onFocus={openCalendar} onFocus={openCalendar}
value={value[1]} value={value[1]}
readOnly readOnly

@ -5,6 +5,10 @@
width: 24px !important; width: 24px !important;
} }
.rmdp-arrow-container:hover {
box-shadow: none !important;
}
.rmdp-arrow-container .rmdp-arrow { .rmdp-arrow-container .rmdp-arrow {
border: solid #fff; border: solid #fff;
border-width: 0 2px 2px 0; border-width: 0 2px 2px 0;

Loading…
Cancel
Save