fix(fields): set calendar range popup width in DateRangePicker

MTES-MCT · Jun 7, 2024 · a758655 · a758655
1 parent 995ec7e
commit a758655
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/fields/DateRangePicker/RangeCalendarPicker.tsx b/src/fields/DateRangePicker/RangeCalendarPicker.tsx
@@ -92,6 +92,7 @@ export function RangeCalendarPicker({
   return (
     <StyledRsuiteCalendarBox
       ref={boxRef}
+      $isDoubleCalendar={!hasSingleCalendar}
       className="Field-DateRangePicker__RangeCalendarPicker"
       onClick={stopMouseEventPropagation}
     >

diff --git a/src/fields/shared/StyledRsuiteCalendarBox.ts b/src/fields/shared/StyledRsuiteCalendarBox.ts
@@ -1,6 +1,7 @@
 import styled from 'styled-components'
 
 export const StyledRsuiteCalendarBox = styled.div<{
+  $isDoubleCalendar?: boolean
   $isRightAligned?: boolean
 }>`
   font-size: 13px !important;
@@ -20,6 +21,7 @@ export const StyledRsuiteCalendarBox = styled.div<{
     top: 0 !important;
     line-height: 1;
     padding: 0;
+    ${p => p.$isDoubleCalendar && `width: 483px;`}
 
     > .rs-picker-daterange-panel {
       min-width: unset !important;