PostSchedule redundant label element

[afercia]

The PostSchedule component (Status & Visibility > Publish) currently renders 2 <label> elements associated to the same control:

gutenberg/packages/edit-post/src/components/sidebar/post-schedule/index.js

Lines 14 to 41 in baf0098

	<label
	htmlFor={ `edit-post-post-schedule__toggle-${ instanceId }` }
	id={ `edit-post-post-schedule__heading-${ instanceId }` }
	>
	{ __( 'Publish' ) }
	</label>
	<Dropdown
	position="bottom left"
	contentClassName="edit-post-post-schedule__dialog"
	renderToggle={ ( { onToggle, isOpen } ) => (
	<Fragment>
	<label
	className="edit-post-post-schedule__label"
	htmlFor={ `edit-post-post-schedule__toggle-${ instanceId }` }
	>
	<PostScheduleLabel /> { __( 'Click to change' ) }
	</label>
	<Button
	id={ `edit-post-post-schedule__toggle-${ instanceId }` }
	type="button"
	className="edit-post-post-schedule__toggle"
	onClick={ onToggle }
	aria-expanded={ isOpen }
	aria-live="polite"
	isLink
	>
	<PostScheduleLabel />
	</Button>

Technically, multiple labels are allowed but I'm not sure what is the purpose of the second label, as it's always hidden with display: none. Removing the display: none for testing purposes, reveals this:

which repeats the scheduled date with a text "Click to change" that seems unnecessary to me and it's not perceived by anyone anyways:

gutenberg/packages/edit-post/src/components/sidebar/post-schedule/style.scss

Lines 6 to 8 in 5238c11

	.edit-post-post-schedule__label {
	display: none;
	}