Activity

Timepicker

Timepicker - Sample

Timepicker - icon

Timepicker - Sample

                                 <VxTimepicker
                                   id="example"
                                   name="example"
                                   min="09:00"
                                   max="10:00"
                                   value="06:00"
                                   label={{text:"Timepicker time"}}
                              />
               

Timepicker - icon

                       <VxTimepicker
                           id="example"
                           name="example"
                           min="09:00"
                           max="10:00"
                           value="05:00"
                           label={{text:"Timepicker time"}}
                           icon={<svg stroke="currentColor" fill="currentColor" strokeWidth="0" version="1" viewBox="0 0 48 48" enable-background="new 0 0 48 48" height="1em" 
                                   width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="#CFD8DC" d="M12,40V20h32v20c0,2.2-1.8,4-4,4H16C13.8,44,12,42.2,12,40z"></path><path 
                                   fill="#78909C" d="M44,16v6H12v-6c0-2.2,1.8-4,4-4h24C42.2,12,44,13.8,44,16z"></path><g fill="#37474F"><circle cx="37" cy="16" r="3"></circle>
                                   <circle cx="20" cy="16" r="3"></circle></g><g fill="#B0BEC5"><path d="M37,10c-1.1,0-2,0.9-2,2v4c0,1.1,0.9,2,2,2s2-0.9,2-2v-4C39,10.9,38.1,10,37,10z">
                                   </path><path d="M20,10c-1.1,0-2,0.9-2,2v4c0,1.1,0.9,2,2,2s2-0.9,2-2v-4C22,10.9,21.1,10,20,10z"></path></g><rect x="32" y="34" fill="#90A4AE" width="4" 
                                   height="4"></rect><rect x="26" y="34" fill="#90A4AE" width="4" height="4"></rect><rect x="20" y="34" fill="#90A4AE" width="4" height="4"></rect><rect 
                                   x="32" y="28" fill="#90A4AE" width="4" height="4"></rect><rect x="26" y="28" fill="#90A4AE" width="4" height="4"></rect><rect x="20" y="28" fill="#90A4AE" 
                                   width="4" height="4"></rect><circle fill="#F44336" cx="16" cy="15" r="12"></circle><circle fill="#eee" cx="16" cy="15" r="9"></circle><rect x="15" y="8" 
                                   width="2" height="7"></rect><rect x="16.9" y="14.2" transform="matrix(-.707 .707 -.707 -.707 42.506 16.192)" width="1.9" height="5.4"></rect><circle 
                                   cx="16" cy="15" r="1.5"></circle>
                                 </svg>}
                      />