Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration * various design changes and improvements
2026-05-15 04:51:06 +02:00 · 2025-06-24 00:04:36 -07:00
parent bea55d48a8
commit c1330d92b2
473 changed files with 12469 additions and 11607 deletions
@@ -0,0 +1,35 @@
+import type { DateInputProps as MantineDateInputProps } from '@mantine/dates';
+
+import { DateInput as MantineDateInput } from '@mantine/dates';
+
+import styles from './date-picker.module.css';
+
+interface DateInputProps extends MantineDateInputProps {
+    maxWidth?: number | string;
+    width?: number | string;
+}
+
+export const DateInput = ({
+    classNames,
+    maxWidth,
+    size = 'sm',
+    style,
+    width,
+    ...props
+}: DateInputProps) => {
+    return (
+        <MantineDateInput
+            classNames={{
+                input: styles.input,
+                label: styles.label,
+                required: styles.required,
+                root: styles.root,
+                section: styles.section,
+                ...classNames,
+            }}
+            size={size}
+            style={{ maxWidth, width, ...style }}
+            {...props}
+        />
+    );
+};