Notwithstanding Previous Misdemeanors

    antd-jalali
    TypeScript icon, indicating that this package has built-in type declarations

    0.9.4 • Public • Published

    npm (scoped with tag) npm

    Ant-Design Jalali DatePicker

    A wrapper for ant-design date picker and calendar to support Jalali calendar type with Day.js and jalaliday

    Demo

    https://saeedrahimi.github.io/antd-jalali/

    Next.js example

    Repo: https://github.com/saeedrahimi/nextjs-antd-jalali-example Live Demo: https://nextjs-antd-jalali-example.vercel.app/

    Installation

    npm i antd-jalali
    

    Usage

    import React from "react";
    import ReactDOM from "react-dom";
    import { DatePicker, ConfigProvider } from "antd";
    import { DatePicker as DatePickerJalali, Calendar } from "antd-jalali";
    import fa_IR from "antd/lib/locale/fa_IR";
    import en_US from "antd/lib/locale/en_US";
    import "antd/dist/antd.css";
    import "./index.css";
     
    ReactDOM.render(
        <div className="App">
            Gregorian: <DatePicker />
            <br />
            <br />
            <ConfigProvider locale={fa_IR}  direction="rtl">
               Jalali: <DatePickerJalali />
               Jalali RangePicker: <DatePickerJalali.RangePicker />
               <br />
               <br />
               <Calendar />
            </ConfigProvider>
        </div>,
      document.getElementById("root")
    );

    Install

    npm i antd-jalali

    DownloadsWeekly Downloads

    196

    Version

    0.9.4

    License

    MIT

    Unpacked Size

    33.9 kB

    Total Files

    63

    Last publish

    Collaborators

    • saeedr