Buy me a coffee :)

Wicket - jQuery UI

jQuery UI integration in Wicket 6.x, Wicket 7.x , Wicket 8.x & Wicket 9.x

DatePicker: using locale

Components / Samples


Kendo-UI DatePicker that use a Java Locale and the Kendo-UI Globalization

The Kendo-UI culture file, corresponding to the Locale to be handled, should be included to the page or to the component.
For instance:

  • Locale.FRENCH corresponds to
  • Locale.FRANCE corresponds to

wicket-kendo-ui-culture dependency does already embeds all culture files. Its usage is the following:
public void renderHead(IHeaderResponse response)

	// adds kendo-ui culture file
	response.render(JavaScriptHeaderItem.forReference(new KendoCultureResourceReference(Locale.FRANCE)));

	// adds kendo-ui culture file, and sets the default cuture to kendo-ui widgets
	// response.render(new KendoCultureHeaderItem("fr")); // or fr-FR
	// response.render(new KendoCultureHeaderItem(KendoCulture.FR)); // or KendoCulture.FR_FR
	// response.render(new KendoCultureHeaderItem(Locale.FRENCH)); // or Locale.FRANCE




Kendo UI "Core" is Apache License 2.0 licensed, starting from version 2014.1.416.
Prior to version 2014.1.416, Kendo UI "Web" was licensed under GPLv3.

A pro version - with a commercial license - is also available, it provides additional widgets (see
To be able to use it, you need to change the ResourceReference with kendo.all.min.js

See also



  • Java
  • HTML
  • CSS
package com.googlecode.wicket.jquery.ui.samples.kendoui.datetimepicker.local;

import java.time.LocalDate;
import java.util.Locale;

import org.apache.wicket.ajax.AjaxRequestTarget;
import org.apache.wicket.markup.head.IHeaderResponse;
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.model.Model;

import com.googlecode.wicket.kendo.ui.form.button.AjaxButton;
import com.googlecode.wicket.kendo.ui.form.button.Button;
import com.googlecode.wicket.kendo.ui.form.datetime.local.DatePicker;
import com.googlecode.wicket.kendo.ui.panel.KendoFeedbackPanel;
import com.googlecode.wicket.kendo.ui.resource.KendoCultureResourceReference;

public class LocaleDatePickerPage extends AbstractTimePickerPage
	private static final long serialVersionUID = 1L;

	public LocaleDatePickerPage()
		final Form<?> form = new Form<Void>("form");

		// FeedbackPanel //
		final KendoFeedbackPanel feedback = new KendoFeedbackPanel("feedback");

		// DatePicker //
		final DatePicker datepicker = new DatePicker("datepicker", Model.of(, Locale.FRANCE, "EEE dd MMM yyyy");

		// Buttons //
		form.add(new Button("submit") {

			private static final long serialVersionUID = 1L;

			public void onSubmit()
			{"Submitted: " + datepicker.getModelObject());

		form.add(new AjaxButton("button") {

			private static final long serialVersionUID = 1L;

			protected void onSubmit(AjaxRequestTarget target)
			{"Submitted: " + datepicker.getModelObject());

			protected void onError(AjaxRequestTarget target)

	 * renderHead can be overridden directly in DatePicker if using wicket6+ (javascript dependencies priority)
	public void renderHead(IHeaderResponse response)

		response.render(JavaScriptHeaderItem.forReference(new KendoCultureResourceReference(Locale.FRANCE)));
<!DOCTYPE html>
<html xmlns:wicket="">
	<title>Wicket Kendo UI: date-picker (locale)</title>
	<div id="demo-panel">
		<form wicket:id="form">
			<input wicket:id="datepicker" type="text" />
			<button wicket:id="submit" type="submit">Submit</button>
			<button wicket:id="button">Ajax Button</button>
			<div wicket:id="feedback" style="width: 480px;"></div>