diff --git a/packages/react-component-library/src/components/DatePickerE/DatePickerE.stories.tsx b/packages/react-component-library/src/components/DatePickerE/DatePickerE.stories.tsx
index 1f5ac613af..e962da3faa 100644
--- a/packages/react-component-library/src/components/DatePickerE/DatePickerE.stories.tsx
+++ b/packages/react-component-library/src/components/DatePickerE/DatePickerE.stories.tsx
@@ -31,6 +31,12 @@ const Template: Story<DatePickerEProps> = (args) => <DatePickerE {...args} />
 
 export const Default = Template.bind({})
 
+export const WithExistingValue = Template.bind({})
+WithExistingValue.storyName = 'With existing value'
+WithExistingValue.args = {
+  startDate: parseISO('2021-12-15'),
+}
+
 export const CustomFormat = Template.bind({})
 CustomFormat.storyName = 'Custom format'
 CustomFormat.args = {
@@ -74,6 +80,14 @@ Range.args = {
   isRange: true,
 }
 
+export const RangeWithExistingValue = Template.bind({})
+RangeWithExistingValue.storyName = 'Range, with existing value'
+RangeWithExistingValue.args = {
+  isRange: true,
+  startDate: parseISO('2021-12-05'),
+  endDate: parseISO('2021-12-15'),
+}
+
 export const WithFormik: Story<DatePickerEProps> = (props) => {
   interface Data {
     startDate: Date