You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
2.9 KiB
PHTML

<?php
/**
* Popover (range) datepicker template.
*
* @since 1.8.2
*
* @var string $action The URL that processes the form submission. Ideally points out to the current admin page URL.
* @var string $id Identifier to outline the context of where the datepicker will be used. e.g., "entries".
* @var string $chosen_filter Currently selected filter or date range values. Last "X" days, or i.e. Feb 8, 2023 - Mar 9, 2023.
* @var array $choices A list of date filter options for the datepicker module.
* @var string $value Assigned timespan dates.
*/
defined( 'ABSPATH' ) || exit; // Exit if accessed directly.
// An array of allowed HTML elements and attributes for the datepicker choices.
$choices_allowed_html = [
'li' => [],
'label' => [],
'input' => [
'type' => [],
'name' => [],
'value' => [],
'checked' => [],
'aria-hidden' => [],
],
];
?>
<form class="wpforms-overview-top-bar-filter-form" method="get" action="<?php echo esc_url( $action ); ?>">
<input type="hidden" name="page" value="wpforms-<?php echo esc_attr( $id ); ?>" />
<?php
// Output hidden fields for the current orderby and order values.
// phpcs:disable WordPress.Security.NonceVerification.Recommended, WordPress.Security.ValidatedSanitizedInput.InputNotSanitized
if ( ! empty( $_REQUEST['orderby'] ) ) {
echo '<input type="hidden" name="orderby" value="' . esc_attr( wp_unslash( $_REQUEST['orderby'] ) ) . '" />';
}
if ( ! empty( $_REQUEST['order'] ) ) {
echo '<input type="hidden" name="order" value="' . esc_attr( wp_unslash( $_REQUEST['order'] ) ) . '" />';
}
// phpcs:enable WordPress.Security.NonceVerification.Recommended, WordPress.Security.ValidatedSanitizedInput.InputNotSanitized
?>
<button id="wpforms-datepicker-popover-button" class="button" role="button" aria-haspopup="true">
<?php echo esc_html( $chosen_filter ); ?>
</button>
<div class="wpforms-datepicker-popover">
<div class="wpforms-datepicker-popover-content">
<ul class="wpforms-datepicker-choices" aria-label="<?php esc_attr_e( 'Datepicker options', 'wpforms-lite' ); ?>" aria-orientation="vertical">
<?php echo wp_kses( '<li>' . implode( '</li><li>', (array) $choices ) . '</li>', $choices_allowed_html ); ?>
</ul>
<div class="wpforms-datepicker-calendar">
<input
type="text"
name="date"
tabindex="-1"
aria-hidden="true"
id="wpforms-<?php echo esc_attr( $id ); ?>-overview-datepicker"
value="<?php echo esc_attr( $value ); ?>"
>
</div>
<div class="wpforms-datepicker-action">
<button class="button-secondary" type="reset"><?php esc_html_e( 'Cancel', 'wpforms-lite' ); ?></button>
<button class="button-primary wpforms-btn-blue" type="submit"><?php esc_html_e( 'Apply', 'wpforms-lite' ); ?></button>
</div>
</div>
</div>
</form>
<?php
/* Omit closing PHP tag at the end of PHP files to avoid "headers already sent" issues. */