You can now sponsor Mantine development with OpenCollective . All funds are used to improve Mantine and create new features and components.
DatePicker , DatePickerInput and DateTimePicker now support presets prop that allows you to add custom date presets. Presets are displayed next to the calendar:
Calendar and other components based on it now support headerControlsOrder prop. You can use headerControlsOrder prop to change the order of header controls. The prop accepts an array of 'next' | 'previous' | 'level' . Note that each control can be used only once in the array.
Popover component now handles shift and flip Floating UI differently. Starting from 8.1.0 version, the popover dropdown position is not changed when the popover is opened. shift and flip middlewares are used only once to calculate the initial position of the dropdown.
This change fixes incorrect flipping/shifting behavior when there is dynamic content in the dropdown. For example, searchable Select and DatePickerInput without consistentWeeks option.
New use-long-press hook:
BarChart , AreaChart and LineChart components now support reference area. Reference area is a rectangular area that can be used to highlight a specific region of the chart:
use-form now has a resetField method that resets field value to its initial value:
You can now use isDuplicate prop in TagsInput component to control how duplicates are detected. It is a function that receives two arguments: tag value and current tags. The function must return true if the value is duplicate.
Example of using isDuplicate to allow using the same value with different casing:
Slider component now supports domain prop that allows setting the possible range of values independently of the min and max values:
RangeSlider component now supports pushOnOverlap prop that defines whether the slider should push the overlapping thumb when the user drags it.
@mantine/hooks package now exports all types used in hooks options and return values. For example, you can now import use-uncontrolled types like this:
Types exported from the library:
You can now use zod v4 with use-form . To use zod 4:
Example with zod v4: