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?
K
kapa.ai165d 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: ----------------------
K
kapa.ai165d ago
<@577213996344803338> kapa.ai is still learning and improving, please let us know how it did by reacting below
N
national-gold165d ago
I'm using the Mantine UI library @kapa.ai
K
kapa.ai165d 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: ----------------------
K
kapa.ai165d ago
<@577213996344803338> kapa.ai is still learning and improving, please let us know how it did by reacting below
More Posts
useCustom callback on successHow can I use onSuccess function when it will be deprecated. I would like to trigger a function whenuseAutocomplete hook with refineiam using autocomple and useAutocomplete hook,and iam passing a filter to the useautocomplete hookclear filter when f5 reload page?`getList: async ({ resource, pagination, filters, sorters, meta }) => {}` The filter still saves itsHey, do anyone knows how to customizeHey, do anyone knows how to customize graphql mutations that refine sends to backend?How to customize a form graphql mutation?Hi, my app has a graphql backend so i'm using refine's graphql data provider In the backend, my graHow to render a Creation Form with a graphql data providerI'm trying to render an inferenced creation form for the resource `users` but i get an error (i'm usRedirect On ClickHi! I have a delete button for which I want to implement the onSuccess for. How could I redirect tInvalidate getOneHow can I invalidate a getOne query?How to add Zod validation to Create ressource pageHi everyone! I'm using Refine with Next.js, MUI and a custom express API as a dataprovider. and I nHow to Update two or more fields in strap using logical operations in refineHi everyone, I´m new here, I want to update Hi everyone, I´m new here developing web apps and in jaHow to pass a parameter in useCustomMutation hook?I want to pass certain parameter in url endpoint while performing a custom mutation. For example: Generic model the refine wayHello ! I have a generic model document, but it could be an order, a delivery note, and other typesFor local testing with Auth0, what should the callback url be?I wasn't able to find it in the docs, but have tried the following redirect url's (on the Auth0 projReact router domHow to clear params on page reload?Is there a Relationship selector for RefineI want to use a Relationship selector like M2M dropdown mit a multi select or One To Many / Many ToHow to disable authentication in a page?I'm using the Next.js router provider and I want to disable authentication in specific page, for exa