"Date picker" in Vaadin framework - AudarsKarlis/SEM2 GitHub Wiki

<base href="https://raw-dot-custom-elements.appspot.com/vaadin/vaadin-date-picker/v3.0.0-beta3/vaadin-date-picker/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="vaadin-date-picker.html">
<vaadin-date-picker label="Event starts" initial-position="2018-06-01"> <!--Komponenta "vaadin-date-picker" iestatījumi ir sekojoši:
                                                                          1. Komponenta virsraksts ir "Event starts",
                                                                          2. Noklusētā sākuma pozīcija ir 2018. gada 1. jūnijs.-->
</vaadin-date-picker> <!--Izveidot iepriekš definēto "vaadin-date-picker" komponentu.-->

<base href="https://raw-dot-custom-elements.appspot.com/vaadin/vaadin-date-picker/v3.0.0-beta3/vaadin-date-picker/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="vaadin-date-picker.html">
<vaadin-date-picker label="Event starts" id="weeks" show-week-numbers></vaadin-date-picker>
<script>
  window.addEventListener('WebComponentsReady', function() {
    // Async call needed here for IE11 compatibility.
    Polymer.Base.async(function() {
      var datepicker = document.querySelector('vaadin-date-picker#weeks');
      datepicker.set('i18n.firstDayOfWeek', 1);
    });
  });
</script>

<base href="https://raw-dot-custom-elements.appspot.com/vaadin/vaadin-date-picker/v3.0.0-beta3/vaadin-date-picker/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="vaadin-date-picker.html">

<vaadin-date-picker label="Birthday" id="keyboard-input">
</vaadin-date-picker>
<script>
  window.addEventListener('WebComponentsReady', function() {
    // Async call needed here for IE11 compatibility.
    Polymer.Base.async(function() {
      var datepicker = document.querySelector('vaadin-date-picker#keyboard-input');
      datepicker.set('i18n.parseDate', function(dateString) {
        // See if we get exactly 1 match from the month names
        var matches = datepicker.i18n.monthNames.filter(function(monthName) {
          return monthName.toLowerCase().startsWith(dateString.trim().toLowerCase());
        });
        dateString = matches.length === 1 ? matches[0] : dateString;
        // Parse the date (using a 3rd party library)
        const date = Sugar.Date.create(dateString);
        return {
          day: date.getDate(),
          month: date.getMonth(),
          year: date.getFullYear()
        };
      });
    });
  });
</script>