Socket
Socket
Sign inDemoInstall

bulma-calendar

Package Overview
Dependencies
4
Maintainers
2
Versions
88
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

bulma-calendar

Display a calendar for date/time selection, in different colors and sizes


Version published
Maintainers
2
Weekly downloads
2,800
decreased by-5.08%

Weekly downloads

Readme

Source

bulma-calendar

Bulma's extension to display a calendar. It can be used on page as large calendar with apointments or in modal/popup for datepicker.

npm npm Build Status

Examples

Date format

var calendars = new bulmaCalendar('.bulmaCalendar', {
    dateFormat: 'dd.MM.yyyy' // 01.01.2021
});

where dateFormat is a string with a combination of this values:

d: short day (1-31)
dd: long day (00-31)
EEE: short weekday (es: Mon)
EEEE: long weekday (es: Monday)
M: short month (1-12)
MM: long month (01-12)
MMM: short month name (es: Jan, Feb)
MMMM: full month name (es: January)
yy: short year (18)
yyyy: full year (2018)

For more values take a look at the date-fns 2.x format.

Language


var calendars = new bulmaCalendar('.bulmaCalendar', {
    lang: 'it' // refer to date-fns locales
});

Default Options

Here's the options object and the default values as appears on code. For more options, please see the documentation.

var defaultOptions = {
    color: 'primary',
    isRange: false,
    allowSameDayRange: true,
    lang: 'en-US',
    startDate: undefined,
    endDate: undefined,
    minDate: null,
    maxDate: null,
    disabledDates: [],
    disabledWeekDays: undefined,
    highlightedDates: [],
    weekStart: 0,
    dateFormat: 'MM/dd/yyyy',
    enableMonthSwitch: true,
    enableYearSwitch: true,
    displayYearsCount: 50,
};

Documentation & Demo

You can find the full Documentation and a demo here

Keywords

FAQs

Last updated on 27 Feb 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc