How to hide a form element when a datetime widget is filled using #states

Question

The following code is working well to hide a button when a textfield is filled, but it is not working when a datetime widget is encoded:

$form['my_button'] = [
  '#type' => 'container',
  'submit' => [
    '#type' => 'submit',
    '#value' => t("Click on me"),
    '#submit' => ['submit_me']),
    '#states' => [
      'visible' => [
        ':input[data-drupal-selector=selector-of-my-text-field]' => [ 
          'filled' => FALSE,
        ],
      ],
    ],
  ],
];

Any hint?

Answer 1

"filled" won't work for date elements, but you can check if it is not empty with:

['!value' => '']