# Integration with JSON

Generally, the data which is received from the server is serialized in a [JSON](http://www.json.org/) format.

The date object in JSON is an [ISO8601](https://en.wikipedia.org/wiki/ISO_8601)-formatted date string. On the other hand, the Calendar works only with JavaScript [`Date`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) instances.

To bind the Calendar to dates which are serialized as strings, handle the parsing process:

1. Convert the JSON date strings into valid JavaScript `Date` objects by using the `IntlService` or any other suitable `Date` parser.
2. Define the [`value`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/calendarprops#value) property of the component.
3. Wire the [`change`](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/calendarprops#onchange) event of the Calendar to get the selected `Date` value.

The following example demonstrates how to set the value of the Calendar.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dateinputs/calendar/json/source.txt)

## Suggested Links

* [API Reference of the Calendar](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs/api/calendarprops)