[DatePicker] There is no show() method for the <DatePicker/> component

[ghost]

The component currently does not have a method to toggle show/hide. The picker is only accessible by pressing on a textfield that the component automatically renders. I did notice that there is a date-picker-dialog component in the code but it has not been exposed yet outside of the framework. Making the dialog available would greatly improve the flexibility of the date picker API I think. Any thoughts?

[oliviertassinari]

You can use the ref dialogWindow.

[ghost]

This works but feels like a bit of a hacky solution. I don't understand why the date-picker component is linked to a Textfield by default. Exposing the date-picker-dialog component is a better solution in my opinion.

[shaurya947]

@gappture see the table docs, we now have an openDialog() function that can be called on the DatePicker component.

[carpben]

I just checked the table docs in the link above - I found nothing about an openDialog function.

[cmackay]

I was just looking for the same openDialog function and it looks like you can get access to it from the ref.

  <Button label="show date picker" onClick={e => this.datePickerRef.openDialog()} />
  <DatePicker ref={ref => this.datePickerRef = ref} />