xenod

<template>
  <div id="example">
    <ak-grid  k-height.bind="500" k-editable="inline" k-data-source.bind="dataSource">
      <ak-col k-title="Product Name" k-field="processName"></ak-col>
      <ak-col k-title="StartTime" k-field="start" k-format="{0:yyyy-MM-dd HH:mm}" k-editor.bind="dateTimeEditor"></ak-col>
      <ak-col k-command.bind="['edit']" k-title="&nbsp;" k-width="80px"></ak-col>
      <ak-col k-title="IsWorking" k-width="150px">
         <ak-template>
                <i if.bind="isWorking" class="fa fa-spinner fa-spin fa-2x"></i>
          </ak-template>

xenod

<template>
  <div id="example">
    <ak-grid  k-height.bind="500" k-editable="inline" k-data-source.bind="dataSource">
      <ak-col k-title="Product Name" k-field="processName"></ak-col>
      <ak-col k-title="StartTime" k-field="start" k-format="{0:yyyy-MM-dd HH:mm}" k-editor.bind="dateTimeEditor"></ak-col>
      <ak-col k-command.bind="['edit']" k-title="&nbsp;" k-width="80px"></ak-col>
      <ak-col k-title="IsWorking" k-width="150px">
         <ak-template>
                <i if.bind="isWorking" class="fa fa-spinner fa-spin fa-2x"></i>
          </ak-template>

xenod

<template>
   <require from="aurelia-kendoui-bridge/button/button"></require>
    <require from="aurelia-kendoui-bridge/datetimepicker/datetimepicker"></require>
    <require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
    <require from="aurelia-kendoui-bridge/grid/grid"></require>
    <require from="aurelia-kendoui-bridge/grid/col"></require>
    <require from="aurelia-kendoui-bridge/common/template"></require>
    <require from="aurelia-kendoui-bridge/splitter/splitter"></require>
    <require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
  

xenod

<template>
   <require from="aurelia-kendoui-bridge/button/button"></require>
    <require from="aurelia-kendoui-bridge/datetimepicker/datetimepicker"></require>
    <require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
    <require from="aurelia-kendoui-bridge/grid/grid"></require>
    <require from="aurelia-kendoui-bridge/grid/col"></require>
    <require from="aurelia-kendoui-bridge/common/template"></require>
    <require from="aurelia-kendoui-bridge/splitter/splitter"></require>
    <require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
  

xenod

<template>
    <div id="example">
        <div class="demo-section k-content">
            <h4>With date</h4>
            <input id="manufacturingStartDatePicker" style="width: 100%"
                                       ak-datepicker="k-value.two-way:today;
                                       
                                    k-format.bind:'yyyy-MM-dd HH:mm:ss';"
                                    k-on-change.delegate="onChange()";/>
            <div>${todayJson}</div>                        

xenod

<template>

    <div id="example">
        <div class="demo-section k-content">
            <h4>Json from server: ${todayJsonCopy}</h4>
            <input id="manufacturingStartDatePicker" style="width: 100%"
                                       ak-datetimepicker="k-value.two-way:todayJson;
                                       
                                    k-format.bind:'yyyy-MM-dd HH:mm:ss';"
                                    k-on-change.delegate="onChange()";/>

xenod

<template>

    <div id="example">
        <div class="demo-section k-content">
            <h4>Json from server: ${todayJsonCopy}</h4>
            <input id="manufacturingStartDatePicker" style="width: 100%"
                                       ak-datetimepicker="k-value.two-way:todayJson;
                                       
                                    k-format.bind:'yyyy-MM-dd HH:mm:ss';"
                                    k-on-change.delegate="onChange()";/>

xenod

<template>
  <require from="./customizing-templates.css"></require>
  <div id="example">
    <div class="demo-section k-content">
        <h4>Customers</h4>
        <ak-drop-down-list 
                          k-height="400"
                          k-data-source.bind="dataSource"
                          style="width: 100%">
      	<ak-template>

xenod

<template>
  <require from="./customizing-templates.css"></require>
  <div id="example">
    <div class="demo-section k-content">
        <h4>Customers</h4>
        <ak-drop-down-list 
                          k-height="400"
                          k-data-source.bind="dataSource"
                          style="width: 100%">
      	<ak-template>

xenod

<template>
  <require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
  
  <div id="example" class="k-content">
      <ak-scheduler k-date.bind="date"
                   k-start-time.bind="startTime"
                   k-event-height.bind="50"
                   k-major-tick.bind="60"
                   k-views.bind="views"
                   k-timezone="Etc/UTC"