DateInput not rendering correctly on type "range"

[pliant roost]

It actually renders a blue dot. When i click inside the input it changes the year.

Here i'm using storybook, but in nextjs it have the same behavior

My _app.tsx

  // ...
  const mantineCache = createEmotionCache({ key: 'mantine' });

  return (
    <QueryClientProvider client={queryClient}>
      <MantineProvider
        emotionCache={mantineCache}
        withGlobalStyles
        withNormalizeCSS
        withCSSVariables
        theme={theme}
        >
        <ModalsProvider>
          <Notifications />
          <Global styles={globalStyles} />
          {StoryFn()}
        </ModalsProvider>
      </MantineProvider>
    </QueryClientProvider>
  );

How i'm rendering DateInput

<DateInput
  label="Date input"
  maw={400}
  mx="auto"
  placeholder="Date input"
  type="range"
  value={new Date()}
/>

[slim parrot]

DateInput component does not support type="range"