Easy Date Selection Component for SolidJS

Solid Date Picker is a reusable, customizable, themeable date picker component for SolidJS. Supports both single and multiple date selection.

Key Features

🔨 Styling: Customizable through class props, color props, and CSS.

👁️ Themes: Multiple themes available.

⚙️ Installation: Simple installation via npm, yarn, or pnpm.

🗝️ Next.js Integration: Built with Next.js for seamless development.

How To Use

1. Install the Solid Date Picker via a package manager you prefer.

# Yarn
$ yarn add @rnwonder/solid-date-picker

# NPM
$ npm install @rnwonder/solid-date-picker

# PNPM
$ pnpm install @rnwonder/solid-date-picker

2. Basic usage.

import '@rnwonder/solid-date-picker/dist/style.css'
import DatePicker from "@rnwonder/solid-date-picker";
const App = () => {
  return (
    <DatePicker
      onChange={(data) => {
        if (data.type === "range") {
          console.log(data.startDate, data.endDate);
        }
        if (data.type === "single") {
          console.log(data.selectedDate);
        }
        if (data.type === "multiple") {
          console.log(data.multipleDates);
        }
      }}
    />
  );
};