refactor(ui): unify low-level controls and expand design system

src/app/weather/new/page.tsx

@@ -9,6 +9,7 @@ import {
   CardDescription,
   CardContent,
   Button,
+  DateInput,
   Input,
 } from '@/components/ui';
 import { createWeatherSession } from '@/actions/weather';
@@ -93,20 +94,14 @@ export default function NewWeatherPage() {
               required
             />
 
-            <div>
-              <label htmlFor="date" className="block text-sm font-medium text-foreground mb-1">
-                Date de la météo
-              </label>
-              <input
-                id="date"
-                name="date"
-                type="date"
-                value={selectedDate}
-                onChange={handleDateChange}
-                required
-                className="w-full rounded-lg border border-border bg-input px-3 py-2 text-foreground outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"
-              />
-            </div>
+            <DateInput
+              id="date"
+              name="date"
+              label="Date de la météo"
+              value={selectedDate}
+              onChange={handleDateChange}
+              required
+            />
 
             <div className="rounded-lg border border-border bg-card-hover p-4">
               <h3 className="font-medium text-foreground mb-2">Comment ça marche ?</h3>