nabs-ui-datepicker

Reusable React date picker control for the Nabs UI library.

Usage

import { DatePicker } from "@net-advantage/nabs-ui-datepicker";

export function Example() {
  return (
    <DatePicker
      label="Due date"
      labelPosition="top"
      value="2026-06-17"
      allowNull
      onValueChange={(value) => console.log(value)}
    />
  );
}

Props

• label renders an associated label above or beside the date input.
• labelPosition supports none, top, and left.
• inputClassName applies classes to the underlying <input>.
• labelClassName applies classes to the rendered <label>.
• allowNull controls whether clearing the value emits null instead of an empty string.
• onValueChange provides a date string or null whenever the value changes.

The component forwards its ref to the underlying input element and re-exports DatePicker and DatePickerProps from the package entry point.