Picker.js library loads incorrectly


#1

There is a nice library for picking dates called Picker.js https://fengyuanchen.github.io/pickerjs/

I have an input form (LABEL + INPUT) in item-form.html page which is routed in my-app.js

This is the

  • in input form in item-form.html page which I want the user be able to input the date with Picker.js library,

    `

    And in my-app.js I wrote this code:

    $$(document).on(‘page:init’, ‘.page[data-name=“item-form”]’, function (e) {
    // Do something here when page with data-name=“about” attribute loaded and initialized
    var pickerInline = app.picker.create({ });
    var input = document.getElementById(’#box1’);
    var picker = new Picker(input, {
    container: document.querySelector(’.picker-container’),
    format: ‘YYYY/MM/DD’,
    });

    And this is the result

    But I want it to look like this, but how?

    I tried using many other similar libraries (like AnyPicker and F7 own built in pick component) but all of them didn’t show and worked correctly at all