Giter Club home page Giter Club logo

tailwindcss-calendar's Introduction

tailwindcss-calendar

FOSSA Status

Installation

CDN Requirement

Styling

<!-- Calendar Styling -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss-calendar/dist/css/calendar.css">
<!-- Icon Required -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss-calendar/dist/css/[email protected]">

Caledar Declare

<div id="evoCalendar" class="evoCalendar border w-full dark"></div>

Script

<!-- Requried Jquery -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tailwindcss-calendar/dist/js/evo-calendar.js"></script>

Calendar Option

$("#evoCalendar").evoCalendar(
{
    language                : 'en', // km
    sidebarDisplayDefault   : true, // false
    calendarEvents: [
        {
            id          : '1',              // Event's ID (required)
            name        : "New Year",       // Event name (required)
            date        : "October/1/2022", // Event date (required)
            type        : "holiday",        // Event type (required)
            everyYear   : true,             // Same event every year (optional)
            color       : "pink"            // optional
        },
        {
            id          : '2',
            name        : "Event Name Event Name Event Name",
            date        : ["October/13/2022", "October/15/2022"], // Date range
            description : "Description",
            badge       : "3Days",
            type        : "event",
            color       : "red"
        },
        {
            id          : '2',
            name        : "បុណ្យគម្រប់ខួបកំណើត ​នាយកធុច",
            date        : ["October/15/2022", "October/16/2022"],
            description : "កម្មវិធីនៅគេហដ្ឋានខាងស្រី",
            badge       : "២ថ្ងៃ",
            type        : "event",
            color       : "pink"
        },
    ]
});

Install via NPM

npm install -D tailwindcss-calendar

if you want to use existing demo go to

node_modules/tailwindcss-calendar/{source_code_here}

License

FOSSA Status

tailwindcss-calendar's People

Contributors

fossabot avatar pphatdev avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.