---
title: "Update value of ProFormDateRangePicker"
date: 2023-06-01T10:53:47.000Z
author: Z.SHINCHVEN
tags: [Ant Design Pro, ProComponents]
canonical: https://atlassc.net/2023/06/01/update-value-of-ProFormDateRangePicker
---
If the value of ProFromDateRnagePicker isn't changed when you call `form.setFieldValue({dateRange: [Moment, Moment]})`. That might be because you passed the same instance of Moment to the ProFormDateRangePicker. You should pass a new instance of Moment to the ProFormDateRangePicker to trigger the value change.

```tsx
import { ProFormDateRangePicker } from '@ant-design/pro-form';
import moment from 'moment';

const [form] = Form.useForm();

// get the value of ProFormDateRangePicker
const [start, end] = form.getFieldValue('dateRange');

// modify dateRange
start.add(1, 'day');
end.add(1, 'day');

// set new instance of Moment to ProFormDateRangePicker instead of the original
form.setFieldValue('dateRange', [moment(start), moment(end)]);
```