Website calendar feature mainly used to pick a date from starting and end this feature mainly requires websites that have an online booking system like a hotel, restaurant, travel booking websites. This page trying to cover the best bootstrap calendar snippets with popular browser compatibility. Some of the calendars snippet have a month, week, day options. all snippets are included with the demo and code link.
Bootstrap Calendar snippets

Bootstrap Calendar

Open calendar with all holidays highlighted using bootstrap.
Bootstrap Calendar snippets

Bootstrap Calendar

Calendar with add event option using bootstrap.
Bootstrap Calendar snippets

Bootstrap Compatable Calendar

Calendar with year, month, week, day view and add task option using bootstrap.
Bootstrap Calendar snippets

Calendar Bootstrap

Start and end date selection using bootstrap.
Bootstrap Calendar snippets

Responsive Bootstrap Calendar Grid

Event calendar using bootstrap.
Bootstrap Calendar snippets

Bootstrap Compatible Calendar Widget

Small calendar using bootstrap.
Bootstrap Calendar snippets

Bootstrap - Responsive Calendar Grid

Responsive calendar using bootstrap.
Bootstrap Calendar snippets

Full calendar bootstrap 4

Month, Week, Day, responsive calendar using bootstrap.
  • Author Name:
    Ankit Hingarajiya
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS Bootstrap JavaScript
  • Dependencies:
    jQuery, datepicker.css, moment.js, fullcalendar.min.js, datepicker.js, datepicker.en.js
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Calendar snippets

Simple Bootstrap datepicker example

Time and date picker using bootstrap.
Bootstrap Calendar snippets

Bootstrap Year Calendar

Full year calendar using bootstrap.
  • Author Name:
    Hind Jai
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS Bootstrap JavaScript
  • Dependencies:
    jQuery, respond.min.js, bootstrap-popover.js, bootstrap-year-calendar.min.js, bootstrap-datepicker.min.js
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Calendar snippets

Bootstrap Datetime Picker

Start and end date with time picker using bootstrap.
  • Author Name:
    Muhammad Amjad
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS Bootstrap JavaScript
  • Dependencies:
    jQuery, respond.min.js, moment-with-locales.js
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes
Bootstrap Calendar snippets

Bootstrap Datepicker

Using boostrap + Eternicode bootstrap datepicker
Bootstrap Calendar snippets

Responsive calendar with events

Materialize calendar template with custom event list
Bootstrap Calendar snippets

Bootstrap calendar for stef

Show calendar date and time picker using bootstrap.
  • Author Name:
    Simeria Sergiu Ionut
  • Code:
    Demo / Code Link
  • Using:
    HTML-CSS Bootstrap JavaScript
  • Dependencies:
    jQuery, bootstrap-datetimepicker.min.css, moment.min.js, bootstrap-datetimepicker.min.js
  • Browser Compatibility:
    Chrome, Safari, Firefox, Edge
  • Responsive:
    Yes