DateTimeField

DateTimeField est un composant de champ de formulaire pour saisir des valeurs de date et d’heure. Il fournit une interface intuitive pour sélectionner des dates et heures.

Utilisation

Importez DateTimeField depuis @firecms/ui et fournissez les props value et onChange.

DateTimeField de base

Un exemple basique du composant DateTimeField.

import React, { useState } from "react";
import { DateTimeField } from "@firecms/ui";

export default function DateTimeFieldBasicDemo() {
    const [selectedDate, setSelectedDate] = useState<Date | undefined>(new Date());

    return (
        <DateTimeField
            value={selectedDate}
            onChange={setSelectedDate}
            label="Select a date"
            mode="date"
        />
    );
}

DateTimeField avec heure

Un DateTimeField qui inclut à la fois la date et l’heure.

import React, { useState } from "react";
import { DateTimeField } from "@firecms/ui";

export default function DateTimeFieldDateTimeDemo() {
    const [selectedDateTime, setSelectedDateTime] = useState<Date | undefined>(new Date());

    return (
        <DateTimeField
            value={selectedDateTime}
            onChange={setSelectedDateTime}
            label="Select date and time"
            mode="date_time"
        />
    );
}