fix: color of the days outside the current month

traefik · Aug 8, 2024 · 9159094 · 9159094
1 parent 7b75654
commit 9159094
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/DateTimePicker/DateTimePicker.stories.tsx b/components/DateTimePicker/DateTimePicker.stories.tsx
@@ -35,7 +35,6 @@ const Template: StoryFn<typeof DateTimePickerForStory> = (args) => {
           <DateTimePickerForStory
             {...args}
             id="expiration-datetime"
-            calendarStartDay={1}
             dateFormat="MMMM d, yyyy h:mm aa"
             onChange={(date) => setDate(date)}
             selected={date}

diff --git a/components/DateTimePicker/DateTimePicker.tsx b/components/DateTimePicker/DateTimePicker.tsx
@@ -118,6 +118,10 @@ const StyledWrapper = styled('div', {
         boxSizing: 'border-box',
         color: '$textDefault',
 
+        '&--outside-month': {
+          color: '$textSubtle',
+        },
+
         '&--today': {
           border: '1px solid $buttonSecondaryBorder',
           borderRadius: '$3',