How to create custom control on ext.net mvc?

Question

ExtJS/Sencha

I need to create a date and time field. Now it looks like this

@X.Container().Items(X.Panel().Layout(LayoutType.HBox).Items(
    X.Label(field.Name), 
    X.Panel().Layout(LayoutType.HBox).Width(200).Items(
         X.DateFieldFor(valueExpression).FieldLabel(null), 
         X.TimeFieldFor(valueExpression).FieldLabel(null))

But it doesn't work the way it should. I want to create my own control class that inherits, for example, Field. And it should work like a normal, standard control.
Which methods from the base classes of components and/or Builders should be overridden first? And how to form the layout of your own control from the standard ones?