JB-DATE-INPUT

jalali(shamcy) date input web component

Easy to use web component for date input (jalali and gregorian) intended to have good UI/UX for both mobile and desktop user

Usage

Since jb-date-input is a web-component you can use it in pure html site and any JS framework like React, Angular, Vue,... so you have 2 way to using it:

use npm if your app is nodejs and support it's ecosystem
add Components's script from CDN

in first way you just have to install jb-date-input and import it's scripts anyway in app and then use it anywhere with simple HTML Tag <jb-date-input > </jb-date-input > read more detail here

in second way just add following script tag in your html and then write <jb-date-input > </jb-date-input > tag anywhere in your HTML file


            <script src="https://esm.sh/jb-date-input"></script>


                 <script src="https://unpkg.com/jb-core/dist/index.umd.js"> </script>
                 <script src="https://unpkg.com/jb-core/theme/dist/index.umd.js"> </script>
                 <script src="https://unpkg.com/jb-popover/web-component/dist/jb-popover.umd.js"> </script>
                 <script src="https://unpkg.com/jb-button/web-component/dist/jb-button.umd.js"> </script>
                 <script src="https://unpkg.com/jb-icons/arrow/dist/jb-icon-arrow.umd.js"> </script>
                 <script src="https://unpkg.com/jb-core/i18n/dist/index.umd.js"> </script>
                 <script src="https://unpkg.com/jb-validation/dist/jb-validation.umd.js"> </script>
                 <script src="https://unpkg.com/jb-input/web-component/dist/index.umd.js"> </script>
                 <script src="https://unpkg.com/jb-calendar/web-component/dist/jb-calendar.umd.js"> </script>
                 <script src="https://unpkg.com/jb-date-input/web-component/dist/jb-date-input.umd.js"> </script>

examples

you can read more and get this package from npm or github