Fun Share: Calendars in Thunkable

Here’s a calendar that’s made using the Luxon javascript library, the web viewer, and a DVL. There’s several ways to bring a calendar into your app now!

check it out!

you may need to view this on a mobile device for propper formatting!

project page

*** updated link ^^^^ ***


It would be cool to see one of your pop-up windows appear when clicking on a date.

1 Like

Thanks! That’s the next step!

I need to experiment with other methods of speeding this up though!

A date picker I’ve been cooking up using the flatpickr.js library and the webviewer. This is only a start! (Works best on mobile not web app)

1 Like

It’s much easier to use the Google materialize date picker. I use it with the web Viewer component.

1 Like

Care to share an example here?! Sounds great!

1 Like

This is the URL for the Date Picker in Materialize

This is the html file to use

<!DOCTYPE html>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="">
    <!-- Compiled and minified JavaScript -->
    <script src=""></script>

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <label for="user_date">Click to view calendar</label>
    <input type="text" class="datepicker" id="user_date">
      document.addEventListener('DOMContentLoaded', function () {
         var elems = document.querySelectorAll('.datepicker');
         var instances = M.Datepicker.init(elems);

Example Screen


Really nice!

1 Like