build fix

fortanix · Dec 10, 2024 · 5f98a61 · 5f98a61
1 parent 1402ad5
commit 5f98a61
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/forms/controls/DatePicker/DatePicker.module.scss b/src/components/forms/controls/DatePicker/DatePicker.module.scss
@@ -155,7 +155,8 @@ $navigation-distance: 1rem;
   border-radius: bk.$border-radius-circle;
 }
 
-:global(.react-datepicker__day:not(.react-datepicker__day--selected):hover) {
+/* stylelint-disable-next-line */
+:global(.react-datepicker__day:not(&--selected):hover) {
   background: rgba(bk.$color-blueberry-500, 0.5); // TODO use proper variable
   border-radius: 50%;
 }

diff --git a/src/components/forms/controls/DatePicker/DatePickerRange.stories.tsx b/src/components/forms/controls/DatePicker/DatePickerRange.stories.tsx
@@ -28,9 +28,9 @@ export default {
 
 export const Standard: Story = {
   render: (args) => {
-    const [startDate, setStartDate] = React.useState(new Date());
-    const [endDate, setEndDate] = React.useState(new Date());
-    const onChange = (dates: [Date, Date]) => {
+    const [startDate, setStartDate] = React.useState<Date | null>(new Date());
+    const [endDate, setEndDate] = React.useState<Date | null>(new Date());
+    const onChange = (dates: [Date | null, Date | null]) => {
       const [start, end] = dates;
       setStartDate(start);
       setEndDate(end);
@@ -43,8 +43,8 @@ export const Standard: Story = {
           {...args}
           selected={startDate}
           onChange={onChange}
-          startDate={startDate}
-          endDate={endDate}
+          startDate={startDate as Date}
+          endDate={endDate as Date}
           inline={true}
         />
         {/* with a fixed width to avoid content moving around while selecting */}