#DatePicker Style Issues

5 messages · Page 1 of 1 (latest)

pallid python
#

When I click a date on my DatePicker, it does not actually highlight the date. It will show a color if I hover over it and I can log the date values to show that the dates are selected so it is actually selecting it. I just can't think of why the date won't highlight when not hovering. Potentially a style? But I just can't think of what to look at. Here's my provider:

<MantineProvider
      colorScheme='light'
      defaultColorScheme='light'
      theme={{
        fontFamily: mulish.style.fontFamily,
        fontSizes: {
          xs: rem(12),
          sm: rem(14),
          md: rem(16),
          lg: rem(18),
          xl: rem(20),
          xxl: rem(22),
        },
        // primaryColor: '#ffba30',
        globalStyles: (theme) => ({
          body: {
            backgroundColor: theme.white,
            color: theme.black,
          },
        }),
      }}
      withGlobalStyles
      withNormalizeCSS
    >
      {children}
    </MantineProvider>

Also, when I set highlightToday, it does not highlight the day. I assume this is some style issue but I can't find the source of the issue.

Thoughts on where to look?

#

I do have import '@mantine/dates/styles.css'; in my app.js

onyx wyvern
pallid python
#

My style is somehow being overriden it appears but I have no idea where from. I have nothing else in my project with an overriding style.

image.png
onyx wyvern