Bulkit used to come with a very versatile Bulma calendar UI extension. At the time it was released, the extension had only a few features. It has now a lot more. However, we kept the legacy calendars in case you need it. Please note that the legacy UI is purely static.
You can make the legacy calendar bigger by adding the
.is-large
class to the .calendar
element. It
also supports events.
Since it was released, the Bulma calendar extension has been growing in terms of features. It now offers a full set of time and date pickers that you can mix in many different ways. Let's start with the regular datepicker. You can find more examples and a full documentation for this extension by visiting this link.
The Datepicker can be displayed as a modal, with an opaque overlay. It can come very handy for certain particular use cases.
The Datepicker can be displayed inline, like a work calendar. That can be interesting if you need the users to always see the calendar while working with it.
Sometimes, you need to be able to enter a date range. This component does it easily and in a very elegant way.
The Calendar can behave like a timepicker when wired to a text input. It has to be initialized with Javascript.
The Timepicker can be displayed inline, if you need to always see it while working with it.
Sometimes, you need to be able to enter a time range. This component does it easily and in a very elegant way.
What if we simply mix the features from the two last sections? Is it even possible? Indeed it is. This component lets you choose date and time in a row.
The same result can be obtained while opting in for the modal approach. The component keeps looking nice and sharp.
Like the previous examples, the DateTimepicker can be shown inline, if you need to.