text: <!DOCTYPE html>
  <html lang="en" class="e-bigger">
  
  <head>
      <title>Typescript TimePicker Components</title>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta name="description" content="Typescript UI Controls" />
      <meta name="author" content="Syncfusion" />
      <link id="theme" href="../themes/material.css" rel="stylesheet" type="text/css" />
      <script data-main="format" src="../../node_modules/requirejs/require.js"></script>
      <script>
          require.config({
              packages: [{
                  name: '@syncfusion/ej2-base',
                  location: '../../node_modules/@syncfusion/ej2-base/dist',
                  main: 'ej2-base.umd.min.js'
              }, {
                  name: '@syncfusion/ej2-inputs',
                  location: '../../node_modules/@syncfusion/ej2-inputs/dist',
                  main: 'ej2-inputs.umd.min.js'
              }, {
                  name: '@syncfusion/ej2-popups',
                  location: '../../node_modules/@syncfusion/ej2-popups/dist',
                  main: 'ej2-popups.umd.min.js'
              }, {
                  name: '@syncfusion/ej2-buttons',
                  location: '../../node_modules/@syncfusion/ej2-buttons/dist',
                  main: 'ej2-buttons.umd.min.js'
              }, {
                  name: '@syncfusion/ej2-lists',
                  location: '../../node_modules/@syncfusion/ej2-lists/dist',
                  main: 'ej2-lists.umd.min.js'
              }, {
                  name: '@syncfusion/ej2-splitbuttons',
                  location: '../../node_modules/@syncfusion/ej2-splitbuttons/dist',
                  main: 'ej2-splitbuttons.umd.min.js'
              }, {
                  name: '@syncfusion/ej2-data',
                  location: '../../node_modules/@syncfusion/ej2-data/dist',
                  main: 'ej2-data.umd.min.js'
              }]
          });
      </script>
  </head>
  
  <body>
  <div class="control">
      <h4 style="margin-bottom: 0px">Format Sample</h4>
          <div class="container" style="padding-top:40px">
          <input id="timepicker" type="text" />
      </div>
  </div>
  <style>
      .control {
          text-align: center;
          margin: 0 auto;
      }
  
      .container {
          width: 400px;
          height: 400px;
          margin: 0 auto;
      }
  </style>
  </body>
  </html>