Date Filled Text Field

Bir gün için dolu bir metin alanı: gün rakamlarla yazılır ya da kutunun sonundaki bir düğmenin açtığı takvimden seçilir. Dolu bir kutudaki PantrixDateTextField'tır.

import com.pantrixui.components.date.datefilledtextfield.PantrixDateFilledTextField

• Aynı alan. Rakamlar, biçim, kendi hataları, takvim ve üç biçimi (value, state, field) PantrixDateTextField'ınkilerin aynısıdır; yalnız kutusu PantrixFilledTextField gibi çizilir.
• Stil ve renkler. style (FilledTextFieldStyle) ve colors (FilledTextFieldColors) kutunun, pickerStyle ve pickerColors takvimindir.

Örnekler

Doğum günü

Bir doğum günü, dolu kutuda: bugünden sonrası alınmaz. Etiket odaklanınca yukarı çıkar, düzen görünür.

var birthday by remember { mutableStateOf<PantrixDate?>(null) }
PantrixDateFilledTextField(
    value = birthday,
    onValueChange = { birthday = it },
    label = "Doğum günü",
    maxDate = rememberToday(),
    showClearButton = true,
    tagKey = "birthday"
)

Takvim bir dialog'da

Hafta içi bir teslim günü; takvim pencerenin ortasında bir dialog'da açılır.

var delivery by remember { mutableStateOf<PantrixDate?>(null) }
val today = rememberToday()
PantrixDateFilledTextField(
    value = delivery,
    onValueChange = { delivery = it },
    label = "Teslim günü",
    minDate = today.plusDays(1),
    maxDate = today.plusMonths(1),
    isDateEnabled = { it.dayOfWeek <= FRIDAY },
    presentation = DatePickerPresentation.Dialog,
    tagKey = "delivery"
)

private const val FRIDAY = 5

Uygulamanın hatası ve devre dışı

Uygulamanın hatası ve devre dışı bir alan, dolu kutuda.

var meeting by remember { mutableStateOf<PantrixDate?>(PantrixDate(2026, 11, 2)) }
val taken = meeting == PantrixDate(2026, 11, 2)
PantrixDateFilledTextField(
    value = meeting,
    onValueChange = { meeting = it },
    label = "Toplantı günü",
    supportingText = if (taken) "Bu gün dolu, başka bir gün seçin" else "Ofisin açık olduğu bir gün",
    error = taken,
    tagKey = "meeting"
)
PantrixDateFilledTextField(
    value = PantrixDate(2026, 10, 1),
    onValueChange = {},
    enabled = false,
    label = "Sözleşme başlangıcı",
    tagKey = "contract"
)

Forma bağlı

Bir formun alanına bağlı, dolu kutuda: gün boşken "Kaydet" hatayı gösterir.

val form = rememberFormState()
val scope = rememberCoroutineScope()
val report = LocalExampleEvents.current
val start = form.field<PantrixDate?>("start", initial = null, Rules.required("İşe başlama gününü yazın"))
PantrixDateFilledTextField(
    field = start,
    modifier = Modifier.fillMaxWidth(),
    form = form,
    label = "İşe başlama günü",
    minDate = rememberToday()
)
PantrixButton(
    text = "Kaydet",
    onClick = { scope.launch { form.submit { report("Kaydedildi") } } },
    form = form,
    tagKey = "save_start"
)

Bir durumla

Bir durumla: state.date alanın günü, state.text yazılan rakamlar. İkisi birlikte boş alanı yarım yazılmış alandan ayırır. Düğme durumun gününü değiştirir; alan onu kendisi yazar.

val state = rememberDateTextFieldState()
val today = rememberToday()
Column(verticalArrangement = Arrangement.spacedBy(PantrixTheme.spacing.sm)) {
    PantrixDateFilledTextField(
        state = state,
        label = "Rapor günü",
        tagKey = "report_day"
    )
    PantrixText(
        text = when {
            state.date != null -> "Gün: ${state.date}"
            state.text.isEmpty() -> "Alan boş"
            else -> "Yarım: ${state.text}"
        },
        style = PantrixTheme.typography.body
    )
    PantrixButton(
        text = "Bugünü yaz",
        onClick = { state.date = today },
        variant = ButtonVariant.Outline,
        tagKey = "write_today"
    )
}

API

value

Bir gün için dolu bir metin alanı: gün rakamlarla yazılır ya da kutunun sonundaki bir düğmenin açtığı takvimden seçilir. Dolu bir kutudaki PantrixDateTextField'tır.

state

Çağıranın tuttuğu bir state üstünde bir tarih alanı, başka her yönden bir değerin PantrixDateFilledTextField'ı gibi: durumun date'i alanın günüdür, ona yazmak günü alana koyar, text'i yarım yazılmış alanı boş alandan ayırır.

field

Bir formun alanına bağlı bir tarih alanı: günü, hatası ve adı field'dan gelir.

FilledTextFieldStyle

PantrixFilledTextField'ın kutusu: şekli, en az yüksekliği ve genişliği, içindekilerin çevresindeki boşluk, ikonları ve çerçevesi.

FilledTextFieldColors

Temanın renklerini almayan bir alan için PantrixFilledTextField'ın boyandığı renkler: verilen renk kullanılır, verilmeyen temadaki rolünde kalır. Bir ürün yalnızca değiştirdiği renkleri verir, başkasını vermez: