@gmana/react-aria

React Aria Components for Gmana React UI Library. This package provides accessible, customizable UI components built on top of React Aria.

Installation

npm install @gmana/react-aria
# or
pnpm add @gmana/react-aria
# or
yarn add @gmana/react-aria

Peer Dependencies

This package requires the following peer dependencies:

npm install @gmana/utils lucide-react react react-dom react-aria react-aria-components @internationalized/date

Components

Calendar

A customizable calendar component with support for single date selection and date ranges.

import { Calendar, RangeCalendar } from "@gmana/react-aria/calendar"

// Single date selection
function MyCalendar() {
  return <Calendar />
}

// Date range selection
function MyRangeCalendar() {
  return <RangeCalendar />
}

DateField

Date and time input components with accessible keyboard navigation.

import { parseDate } from "@internationalized/date"

import { DateField, DateInput, TimeField } from "@gmana/react-aria/datefield"

function MyDateField() {
  return (
    <DateField>
      <DateInput />
    </DateField>
  )
}

function MyTimeField() {
  return (
    <TimeField>
      <DateInput />
    </TimeField>
  )
}

Features

• Accessible: Built on React Aria for WCAG compliance
• Customizable: Fully styled with Tailwind CSS utilities
• Type-safe: Written in TypeScript with full type definitions
• Internationalized: Supports multiple locales and time zones

License

MIT © Sun Sreng