Date picker in mantine UI

Hi, I see that refine is using an older version of mantine so the DatePicker does not exist. Is there any workaround?

5 Replies

kapa.ai•14mo ago

Hi @tads8799. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I'm sorry for the confusion, but based on the information provided, refine uses Ant Design, not Mantine. For date selection, you can use the Ant Design Date Picker (https://ant.design/components/date-picker/) component directly in your refine project. Here's an example of how to use it:

npm create refine-app@latest -- --example input-date-picker

npm create refine-app@latest -- --example input-date-picker

You can find more details and the source code for this example in the refine documentation (https://refine.dev/docs/examples/inputs/datePicker/). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•14mo ago

<@577213996344803338> kapa.ai is still learning and improving, please let us know how it did by reacting below

xenial-blackOP•14mo ago

I'm using the Mantine UI library @kapa.ai

kapa.ai•14mo ago

Let me check the knowledge base for you. One moment! :books: ---------------------- I'm sorry, but the provided extracts do not contain information about a workaround for using the DatePicker component from Mantine in refine. However, refine does support Mantine and you can import Mantine components and hooks from the @refinedev/mantine package. Here's an example:

import { Edit, useForm, useSelect } from "@refinedev/mantine";

import { Edit, useForm, useSelect } from "@refinedev/mantine";

For more specific information about Mantine components and hooks in refine, you can refer to the Mantine API documentation (https://refine.dev/docs/api-reference/mantine/). If the DatePicker component is not available in the version of Mantine used by refine, you might need to update the Mantine package or find an alternative way to implement date selection. For detailed guidance, it would be best to refer to the official Mantine and refine documentation or their respective communities. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•14mo ago

<@577213996344803338> kapa.ai is still learning and improving, please let us know how it did by reacting below

Date picker in mantine UI

Did you find this page helpful?