DateInput

The DateInput component provides a form input with integrated calendar picker functionality.

Import

import { DateInput } from "amvasdev-ui";

Examples

Basic Usage

import { useState } from "react";
  import { DateInput } from "amvasdev-ui";

  function App() {
    const [selectedDate, setSelectedDate] = useState();

    return (
      <DateInput
        selectedDate={selectedDate}
        setSelectedDate={setSelectedDate}
        label="Birth Date"
        placeholder="Select your birth date"
      />
    );
  }

With Validation

<DateInput
  selectedDate={selectedDate}
  setSelectedDate={setSelectedDate}
  label="Event Date"
  required
  errorMessage="Please select a date"
/>

Available Sizes

smmdlg