JSFiddle - React, Tailwind, and code Playground

by mahma

HTML

<input type="text" id="example" class="initial-value-type-example inline-example leapyear-algorithmic">

    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
           

        <script src="https://babakhani.github.io/PersianWebToolkit/doc/lib/persian-date/dist/persian-date.js"></script>
          
            <script src="https://babakhani.github.io/PersianWebToolkit/doc/lib/persian-datepicker/dist/js/persian-datepicker.js"></script>
           
         <link href="https://unpkg.com/persian-datepicker@latest/dist/css/persian-datepicker.min.css" rel="stylesheet"/>

JavaScript

$('#example').persianDatepicker({
        autoClose: true,
        //onlyTimePicker: true,
         timePicker: {
            enabled: true,
            meridiem: {
                enabled: true
            },
            second: {
                enabled: false
            }
        },
        calendar:{
            persian: {
                locale: 'en'
            }
        }
    });