Tarih

GG/AA/YYYY (DMY). Takvim geçerliliği kontrol edilir.

← Tüm örnekler·date

Önizleme

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ date: string }>()
  const { date } = useViraMask({
    form,
    schema: { date: "date" },
  })
 
  const { rawValue, ...inputProps } = date
 
  return <input {...inputProps} placeholder="29/07/2026" />
}

Detaylar

Maske: 99/99/9999
Hazır maske: "date"
Yerleşik validator: 'date' Geçersiz değer girildiğinde form hatası üretir.
dateFormat varsayılanı 'DMY'. MDY / YMD ile değiştirilebilir.

Özelleştirme

MDY formatı

Ay/gün/yıl sırası.

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
const form = useForm({ defaultValues: { date: "" } })
 
const { date } = useViraMask({
  form,
  schema: {
    date: {
      preset: "date",
      dateFormat: "MDY",
      errorMessage: "Geçersiz tarih",
    },
  },
})
 
const { rawValue, ...inputProps } = date
 
<input {...inputProps} placeholder="07/29/2026" />

YMD formatı

Yıl/ay/gün sırası. Yılın dört haneli gelmesi için maskeyi 9999/99/99 olarak override edin.

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
const form = useForm({ defaultValues: { date: "" } })
 
const { date } = useViraMask({
  form,
  schema: {
    date: {
      preset: "date",
      dateFormat: "YMD",
      mask: "9999/99/99",
      errorMessage: "Geçersiz tarih",
    },
  },
})
 
const { rawValue, ...inputProps } = date
 
<input {...inputProps} placeholder="2026/07/29" />

Hook API için useViraMask(), özel maske için custom mask.

Önizleme

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
function Example() {
  const form = useForm<{ date: string }>()
  const { date } = useViraMask({
    form,
    schema: { date: "date" },
  })
 
  const { rawValue, ...inputProps } = date
 
  return <input {...inputProps} placeholder="29/07/2026" />
}

Özelleştirme

MDY formatı

Ay/gün/yıl sırası.

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
const form = useForm({ defaultValues: { date: "" } })
 
const { date } = useViraMask({
  form,
  schema: {
    date: {
      preset: "date",
      dateFormat: "MDY",
      errorMessage: "Geçersiz tarih",
    },
  },
})
 
const { rawValue, ...inputProps } = date
 
<input {...inputProps} placeholder="07/29/2026" />

YMD formatı

Yıl/ay/gün sırası. Yılın dört haneli gelmesi için maskeyi 9999/99/99 olarak override edin.

rawValue: —

value: —

import { useForm } from "react-hook-form"
import { useViraMask } from "@virastack/mask"
 
const form = useForm({ defaultValues: { date: "" } })
 
const { date } = useViraMask({
  form,
  schema: {
    date: {
      preset: "date",
      dateFormat: "YMD",
      mask: "9999/99/99",
      errorMessage: "Geçersiz tarih",
    },
  },
})
 
const { rawValue, ...inputProps } = date
 
<input {...inputProps} placeholder="2026/07/29" />