DatePicker

制御されたネイティブの日付または日時ピッカーです。

#インポート

@quickgui/solid/swift-ui から DatePicker をインポートします。

import { Host, DatePicker } from "@quickgui/solid/swift-ui";

#使い方

<Host matchContents>
  <DatePicker
    label="Schedule"
    value={scheduledAt()}
    displayedComponents="dateAndTime"
    style="field"
    onValueChange={setScheduledAt}
  />
</Host>

#API リファレンス

項目を展開すると説明と完全なシグネチャが表示されます。ダッシュは宣言に既定値が記載されていないことを示します。

`DatePicker`

ソースを見る

DatePicker(props: DatePickerProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

ソースを見る

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

ソースを見る

valueDate—

Controlled JavaScript date.

Date

ソースを見る

minDate—

Declares min (optional). Reactive JSX expressions update this property in place.

Date

ソースを見る

maxDate—

Declares max (optional). Reactive JSX expressions update this property in place.

Date

ソースを見る

labelstring—

Declares label (optional). Reactive JSX expressions update this property in place.

string

ソースを見る

displayedComponentsDatePickerComponents—

Declares displayedComponents (optional). Reactive JSX expressions update this property in place.

DatePickerComponents

ソースを見る

styleDatePickerStyle—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

DatePickerStyle

ソースを見る

onValueChange(value: Date, event: QuickGuiEvent) => void—

Declares onValueChange (optional). Reactive JSX expressions update this property in place.

(value: Date, event: QuickGuiEvent) => void

ソースを見る

ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode

ソースを見る