Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@react-aria/calendar

Package Overview
Dependencies
Maintainers
2
Versions
633
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-aria/calendar

Spectrum UI components in React

  • 3.0.0-nightly-b0f156972-241202
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
731K
decreased by-6.21%
Maintainers
2
Weekly downloads
 
Created

What is @react-aria/calendar?

@react-aria/calendar is a React library that provides accessible calendar components. It is part of the React Aria collection of hooks and components designed to help developers build accessible web applications. The package includes features for date selection, date range selection, and calendar navigation.

What are @react-aria/calendar's main functionalities?

Date Selection

This feature allows users to select a single date from the calendar. The selected date is logged to the console.

import { Calendar } from '@react-aria/calendar';

function MyCalendar() {
  return (
    <Calendar
      onSelect={(date) => console.log('Selected date:', date)}
    />
  );
}

Date Range Selection

This feature allows users to select a range of dates. The selected date range is logged to the console.

import { RangeCalendar } from '@react-aria/calendar';

function MyRangeCalendar() {
  return (
    <RangeCalendar
      onSelect={(range) => console.log('Selected range:', range)}
    />
  );
}

Calendar Navigation

This feature allows users to navigate through the calendar. The navigated date is logged to the console.

import { Calendar } from '@react-aria/calendar';

function MyNavigableCalendar() {
  return (
    <Calendar
      onNavigate={(date) => console.log('Navigated to:', date)}
    />
  );
}

Other packages similar to @react-aria/calendar

FAQs

Package last updated on 02 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc