title: Implement Framework7 calendar on html page
body: <p>I'm trying to add framework7 calendar on HTML-page, but it doesn't show up. What can be the problem?</p>
  
  <p>My html-code:</p>
  
  <pre><code>  &lt;div class="content-block-title"&gt;Default setup&lt;/div&gt;
      &lt;div class="list-block"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;div class="item-content"&gt;
                      &lt;div class="item-inner"&gt;
                          &lt;div class="item-input"&gt;
                              &lt;input type="text" placeholder="Your birth date" readonly id="calendar-default" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;          
  </code></pre>
  
  <p>My js-code</p>
  
  <pre><code>var myApp = new Framework7();
  var calendarDefault = myApp.calendar({
  input: '#calendar-default',
  });
  </code></pre>