Calendar.Day

Import

import { Calendar } from "@dhua5922/react-native-kit";

Basic Example

Live Editor

function Example() {
  const [date, setDate] = useState(new Date());

  return (
    <Calendar.Day
      value={date}
      onPress={(date) => setDate(date)}
      key={date}
      textStyle={{ color: "#ffffff" }}
    >
      {date.getDate()}
    </Calendar.Day>
  );
}

Result

Loading...

Props

note

Include all props from Pressable

Name	Type	Default	Description
value	Date		Date of day.
onPress	(date: Date) => void		Callback fired when selecting day.
textStyle	object or any[]		text style for day.