Utilisation

Choose a future due date

Ce type est utilisé par DatePicker

tsx
import { DatePicker, Text, VStack, signal } from 'kuito';

export default function Due() {
  const due = signal(Date.now());

  return (
    <VStack gap={8} padding={16}>
      <DatePicker label="Due" type="datetime" value={due} min={Date.now()} height={44} />
      <Text>{new Date(due.value).toLocaleString()}</Text>
    </VStack>
  );
}

Déclaration du type

ts
export type DatePickerProps = {
  /**
   * The moment shown, in milliseconds since 1970 (`date.getTime()`); now
   * when unset. Two-way when given a signal: the picker writes it as the
   * user picks.
   */
  value?: number;
  /** `date` by default. A pick keeps the part of the moment its type doesn't show. */
  type?: DatePickerType;
  /** The earliest moment the user can pick, in milliseconds. */
  min?: number;
  /** The latest moment the user can pick, in milliseconds. */
  max?: number;
  disabled?: boolean;
  /** The moment the user picked, in milliseconds. */
  onChange?: (value: number) => void;
};

Membres 6

NomTypeRequisDescription
valuenumberNonThe moment shown, in milliseconds since 1970 (date.getTime()); now when unset. Two-way when given a signal: the picker writes it as the user picks.
typeDatePickerTypeNondate by default. A pick keeps the part of the moment its type doesn't show.
minnumberNonThe earliest moment the user can pick, in milliseconds.
maxnumberNonThe latest moment the user can pick, in milliseconds.
disabledbooleanNon—
onChange(value: number) => voidNonThe moment the user picked, in milliseconds.
onChange — signatures de méthode

Signatures

ts
(value: number): void

Paramètres

NomTypeRequisDescription
valuenumberOui—

Retourne

void

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.