DD-MMM format in Content Fragment

[Prashardan]

Hi Team

I have created a content fragment and my requirement is to have to date format in DD-MMM.

In the crx/de when I save the displayFormat as DD-MMM and on the UI when I select data it is displaying correctly like ex: 02-Dec however valueFormat is giving error when crx/de is having format as DD-MMM format.  However if the default valueFormat is given like YYYY-MM-DD[T]HH:mm:ss.000Z then no error. but required is to display like DD-MMM or YYYY. 

please advise. Attaching xml for your reference.

<policy_period_end
    jcr:primaryType="nt:unstructured"
    sling:resourceType="dam/cfm/models/editor/components/datatypes/datepicker"
    displayedFormat="DD-MMM"
    fieldLabel="Policy Period End"
    listOrder="5"
    metaType="date"
    name="policy_period_end"
    renderReadOnly="false"
    showEmptyInReadOnly="true"
    type="datetime"
    valueFormat="DD-MMM"
    valueType="calendar/datetime">
    <granite:data
        jcr:primaryType="nt:unstructured"
        typeHint="Date"/>
</policy_period_end>