       id="multiple-dates-datetime"
                multiple="true"
              ></ion-datetime>
            </ion-popover>
          </div>

          <div class="grid-item">
            <h2>Custom Formatter</h2>

            <ion-item>
              <ion-label>Start Date</ion-label>
              <ion-datetime-button slot="end" datetime="custom-datetime"></ion-datetime-button>
            </ion-item>

            <ion-popover arrow="false">
              <ion-datetime locale="en-US" presentation="date" 