title: ExtJS - Elegant Date Time Picker
body: <p>I've found what I'm looking for but it's a jQuery example, it looks super clean and intuitive.  Is there a way to do this with xtype 'datefield'?  Is there a way to extend this field type to include a clock icon beside the date icon and have it behave the same way as in this example?</p>
  
  <p><a href="http://jsfiddle.net/rniemeyer/T3zge/" rel="nofollow">http://jsfiddle.net/rniemeyer/T3zge/</a>   </p>
  
  <pre><code>ko.kendo.bindingFactory.createBinding({
      name: "kendoDateTimePicker",
      defaultOption: "value",
      events: {
          change: "value",
          open:
          {
              writeTo: "isOpen",
              value: true
          },
          close: {
              writeTo: "isOpen",
              value: false
          }
      },
      watch: {
          enabled: "enable",
          max: "max",
          min: "min",
          value: "value",
          isOpen: ["open", "close"]
      }
  });
  
  var viewModel = {
     myDate: ko.observable(new Date())
  };
  
  ko.applyBindings(viewModel);
  </code></pre>
  
  <p>I'm still very much a newbie at this so perhaps somebody can lend some advice or point me in the right direction how I can figure this out.   Thanks in advance!  :)</p>