React-dates: displayFormat not working

[aishwarya-bote]

I am trying to add displayFormat="MMM DD YYYY" to dateRangePicker but its not working.

[majapw]

Hi @aishwarya-bote, can you share your actual code? I tried

    <DateRangePicker
      displayFormat="MMM DD YYYY"
    />

in the storybook and it just works.

[aishwarya-bote]

Here is my code.

I also tried on storybook.It works there for me too.I tried to debug it but i could not find anything.

[ljharb]

What is your moment locale? Do you use any moment plugins that might be changing how moment works?

[majapw]

@aishwarya-bote Can you also share a screenshot of the kind of behavior you are actually seeing? Like what format does end up being used?

[aishwarya-bote]

@ljharb The locale is 'en' and no there are no additional moment plugins.

@majapw The format getting displayed is 'YYYY-MM-DD'.refer the screenshot attached.

Is this problem in any way caused by node version?
I am using node version 6.9.5

[majapw]

What do your css overrides look like? The input element (which is hidden by the default css that comes packaged) always has an ISO (YYYY-MM-DD) format value, but the actual text that gets displayed uses the display format.

[aishwarya-bote]

You are right @majapw . the css wrapper '.DateInput__display-text' had its display set to 'none'.As soon as i removed it the correct display format showed up. But now i dont know how to hide the default format of date input box.Currently i can see both the values.See thescreenshot attached.

Could you maybe help me with this?

[majapw]

Oh wow, this is old! @timrcoulson are you still seeing this issue? I don't think it is applicable anymore.

If you are seeing both it is likely that either the CSS is not being loaded properly or that there is an override that is doing weird things. If this is still a problem, can you open a new issue detailing the problems you are seeing?