Telerik Forums
UI for WPF Forum
1 answer
181 views

Hi,

I used RadTimeSpanPicker, but I got a situation where I also needed a date.

So I want to use RadDateTimePicker as in the picture,

But with the RadTimeSpanPicker clock and not with the clock that RadDateTimePicker has.

I would be happy to help if this can be done and how

Thank you.

 






Dilyan Traykov
Telerik team
 answered on 21 Jan 2022
1 answer
267 views

I use RadDateTimePicker  in GanttView like the example "GanttView ", but the theme not work.

My themes is windows8, but not work in RadDateTimePicker .

my xaml is:

       <telerik:RadGanttView x:Name="ganttview" TasksSource="{Binding Tasks}" BorderBrush="#FFD6D4D4"
				BorderThickness="1 0 1 1" SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
				VisibleRange="{Binding VisibleRange}" HighlightedItemsSource="{Binding HighlightedItems}" Grid.Row="1"
				Margin="0 6 0 0"
				PixelLength="{Binding PixelLenght, Mode=TwoWay}">
            <telerik:RadGanttView.Columns>
                <telerik:TreeColumnDefinition Header="Title" MemberBinding="{Binding Title}" Width="240">
                    <telerik:TreeColumnDefinition.CellEditTemplate>
                        <DataTemplate>
                            <TextBox Text="{Binding Title, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" telerik:TouchManager.TouchMode="None" />
                        </DataTemplate>
                    </telerik:TreeColumnDefinition.CellEditTemplate>
                </telerik:TreeColumnDefinition>
                <telerik:ColumnDefinition MemberBinding="{Binding Start}" Header="Start" Width="120">
                    <telerik:ColumnDefinition.CellEditTemplate>
                        <DataTemplate>
                            <telerik:RadDateTimePicker SelectedValue="{Binding Start, Mode=TwoWay}" />
                        </DataTemplate>
                    </telerik:ColumnDefinition.CellEditTemplate>
                </telerik:ColumnDefinition>
                <telerik:ColumnDefinition MemberBinding="{Binding End}" Header="End" Width="120">
                    <telerik:ColumnDefinition.CellEditTemplate>
                        <DataTemplate>
                            <telerik:RadDateTimePicker SelectedValue="{Binding End, Mode=TwoWay}" />
                        </DataTemplate>
                    </telerik:ColumnDefinition.CellEditTemplate>
                </telerik:ColumnDefinition>
                <telerik:ColumnDefinition MemberBinding="{Binding Progress}" Header="Progress" Width="AutoHeaderAndContent">
                    <telerik:ColumnDefinition.CellEditTemplate>
                        <DataTemplate>
                            <telerik:RadNumericUpDown Value="{Binding Progress, Mode=TwoWay}" CustomUnit="%" Minimum="0"
									Maximum="100" telerik:TouchManager.TouchMode="None" />
                        </DataTemplate>
                    </telerik:ColumnDefinition.CellEditTemplate>
                </telerik:ColumnDefinition>
                <telerik:ColumnDefinition MemberBinding="{Binding IsMilestone}" Header="IsMilestone" Width="100" />
            </telerik:RadGanttView.Columns>
        </telerik:RadGanttView>

 

Thanks for your help

Stenly
Telerik team
 answered on 19 Aug 2021
2 answers
289 views

I need the time interval to be 1 minute. This makes the dropdown unusable. How can I disable or just remove the dropdown completely so it works like the old WinForms time picker? I saw this:

https://www.telerik.com/forums/how-to-remove-the-drop-down-button

but it's pretty old and I don't really want to mess with Expression Blend (if it even still exists?). I would also need the cursor keys and mouse wheel to increment/decrement the current value.

Or is it better to just try make the NumericUpDown work like a TimePicker?

Jason D
Top achievements
Rank 1
Veteran
 answered on 11 Mar 2020
8 answers
278 views

Hi

In the Rad Time Picker control, using the Windows 7 theme, the time entries in the picker popup is WHITE in color.
Can you please suggest as to how one can change the color to Black.

I tried using the foreground attribute, it didnot work.

 

<

telerik:RadTimePicker MinWidth="200" telerik:StyleManager.Theme="Windows7Theme" Foreground="Black" Tag="EndTime" Width="200" Grid.Row="4" Grid.Column="4" SelectedTime="{Binding Path=EndTime, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"/>

Can you please suggest how one can achieve this.

Thanks and Regards
Abhinav

 

Martin Ivanov
Telerik team
 answered on 20 May 2019
2 answers
185 views

Hello,

it seems the radtimepicker is always using the US Date format. Why is it not using the the host machine localisation ? The problem is now I can not easily convert to date time (even though only the time portion is relevant ) . Please see attached screen shot. Here in South Africa our machines are set to DD/M/YYYY plus time but the timepicker is return the full date in us format M/DD/YYYY plus time.

 

 

 

 

Dinko | Tech Support Engineer
Telerik team
 answered on 28 Mar 2019
2 answers
183 views

A pair of RadTimePickers I have for selecting the beginning and end of a shift are displaying the timeview incorrectly after being enabled and having the starttime and endtime values set. They both show every slot from 12AM to 11:45PM, but starting with 12AM selecting a slot displays the value that SHOULD be seen, 8:30AM in this case, and continues for each subsequent slot in the same manner until the endtime slot, whose correct value is 5:15PM at the 8:45AM slot on the selection view. When the binding event is called a second time, the timeviews for both RTPs are correctly shown, going from 8:30AM to 5:15PM. HTML markup of the RTPs in question as follows, as well as the code-behind for the binding event.

//HTML//
<telerik:RadTimePicker ID="tpStartTime" runat="server" EnableTyping="false" TimeView-Columns="4" TimeView-Interval="00:15:00" Enabled="false"></telerik:RadTimePicker>
<telerik:RadTimePicker ID="tpEndTime" runat="server" EnableTyping="false" TimeView-Columns="4" TimeView-Interval="00:15:00" Enabled="false"></telerik:RadTimePicker>
 
//C#//
protected void dpOriginalDate_SelectedDateChanged(object sender, Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs e)
    {
        DateTime[] shift = getShift((DateTime)dpOriginalDate.SelectedDate);
        tpStartTime.Enabled = tpEndTime.Enabled = true;
        tpStartTime.TimeView.StartTime = shift[0].TimeOfDay;
        tpStartTime.TimeView.EndTime = shift[1].TimeOfDay;
        tpEndTime.TimeView.StartTime = shift[0].AddMinutes(15).TimeOfDay;
        tpEndTime.TimeView.EndTime = shift[1].AddMinutes(15).TimeOfDay;
    }

Page_Load contains Page.DataBind(); which appears to be the cause. Do I have to do without it or is there a workaround?

 

 

Jackie
Top achievements
Rank 1
 answered on 14 Jun 2017
1 answer
184 views

Hi,

I want to hide some times in the TimePicker without loosing the position of the displayed times.

Currently, when I set the StartTime and the EndTime, the removed times are "collapsed" in the component.

Instead of "collapsed", I want to hide the removed times.

See screenshots.

How can I modify the TimePicker style for my need?

Nasko
Telerik team
 answered on 19 Oct 2016
5 answers
427 views
In RadTimePicker, click the toggle button, the drop down screen shows up.
Since we layout the RadTimePicker in right side main screen, the drop down screen seems to wider, it crosses the main window boundary. See the attachment.
Is there a way we can change the drop down screen width, so it will not cross the main window boundary?
thx!
Jane
M L
Top achievements
Rank 1
 answered on 03 Jun 2016
1 answer
174 views

Hello,

How can I format RadTimePicket time from XAML? I want to get MM:SS, is that possible?

​

Thanks!

Geri
Telerik team
 answered on 01 Jul 2015
1 answer
128 views
It appears that RadTimePicker don't show anything (like red border and IDataErrorInfo.Error), is it normal ?

I wrote :
    public partial class MyItem: IDataErrorInfo
    {
        public TimeSpan Duree { get; set; }

        public string this[string columnName]
        {
            get
            {
                string result = null;
                switch (columnName)
                {
                    case "Duree":
                        if (Duree.Ticks <= 0)
                            result = "Un(e) Durée est requis(e)";
                        break;

                    default:
                        result = null;
                        break;
                }
                return result;
            }
        }

        public string Error { get; private set; }
    }

<telerik:RadTimePicker SelectedTime="{Binding MyItemInstanced.Duree, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}"

Laurent
Top achievements
Rank 1
 answered on 20 Mar 2015
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
DataPager
PersistenceFramework
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
NavigationView (Hamburger Menu)
Wizard
ExpressionEditor
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
LayoutControl
ProgressBar
Sparkline
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
Callout
PasswordBox
SplashScreen
Localization
Rating
Accessibility
CollectionNavigator
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
InlineAIAssistant
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?