Verwendung

Choose a future due date

Dieser Typ wird verwendet von 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>
  );
}

Typdeklaration

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;
};

Mitglieder 6

NameTypErforderlichBeschreibung
valuenumberNeinThe 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.
typeDatePickerTypeNeindate by default. A pick keeps the part of the moment its type doesn't show.
minnumberNeinThe earliest moment the user can pick, in milliseconds.
maxnumberNeinThe latest moment the user can pick, in milliseconds.
disabledbooleanNein—
onChange(value: number) => voidNeinThe moment the user picked, in milliseconds.
onChange — Methodensignaturen

Signaturen

ts
(value: number): void

Parameter

NameTypErforderlichBeschreibung
valuenumberJa—

Rückgabe

void

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.