Site docs are currently being updated 🚧 Thank you for your patience! 🙏

Time Picker

ACF
Last Upated: Thursday, Feb 1, 2024

time_picker

The Time Picker field is native to ACF (free) and provides users with a jQuery time selection popup interface.

Resolve Type

The "time_picker" field type resolves as a "String" in the GraphQL Schema.

Field Settings

Below you will find information about how various ACF field settings can impact how the field will map to the GraphQL Schema and/or modify resolution of the field when queried.

Field Configuration

<?php
add_action( 'acf/include_fields', function() {
if ( ! function_exists( 'acf_add_local_field_group' ) ) {
return;
}
acf_add_local_field_group(
[
{
"key": "my_field_group_",
"title": "My Field Group with time_picker",
"show_in_graphql": 1,
"graphql_field_name": "myFieldGroupWithTimePicker",
"map_graphql_types_from_location_rules": 0,
"graphql_types": [
"Page"
],
"fields": [
{
"key": "my_field_",
"label": "My Field",
"name": "my_field",
"type": "time_picker",
"show_in_graphql": 1,
"graphql_field_name": "myFieldWithTimePicker"
}
],
"location": [
[
{
"param": "post_type",
"operator": "==",
"value": "page"
}
]
]
}
]
);
});

Querying the Time Picker field