Questions tagged [react-widgets]

28 questions
0
votes
1 answer

React-widgets DateTimePicker not working giving error of cannot assign to to type 'Readonly'

Hi I am new to TypeScript. I am not able to understand this error. If anyone can help that will be greatly appriciated. I tried to google the issue and tried to change the version of it as well but not sure what is causing this error. I am using…
0
votes
1 answer

Rendering a widget on top of another component?

I want to render a react-chat-widget positioned over a google-map. When I do this the widget container (minimized space until clicked) is preventing me from being able to interact with part of the map. How do I overlap components so that only the…
Nina
  • 79
  • 2
  • 10
0
votes
2 answers

How to implement react-widgets dropdownlist in reactjs

I am trying to add dropdownlist in my reactjs project. My data are coming from api which looks something like this. In dropdown list i have to display colours and sizeType in dropdown list. I tried doing this but it is not working. const data =…
aditya kumar
  • 2,905
  • 10
  • 39
  • 79
0
votes
1 answer

NumberPicker looping when using onChange to set state within functional component

I am attempting to wrap a react-widgets NumberPicker in a functional component that updates state when onChange fires. When I click on the up or down arrow of the picker, it begins to flicker as if it's in a refersh/rerender loop. I've reduced the…
0
votes
1 answer

React widgets combobox; how to clear input or prevent selection

I'm using the combobox from React Widgets as a search UI component. I've put in a custom render item so that when you click a search result in the dropdown, you navigate to the relevant page. However when you select a result, the name of the…
Little Brain
  • 2,647
  • 1
  • 30
  • 54
0
votes
1 answer

Keyboard accessibility in react-widgets combobox

I'm using the React Widgets Combobox with Group Headings and I can't get keyboard navigation to work. The first example on the documentation page has a keyboard accessible dropdown (up / down arrow keys) but I can't see the source code for it, and…
Little Brain
  • 2,647
  • 1
  • 30
  • 54
0
votes
3 answers

I am working with React react-widget. I wanted to limit the time between 7:00am to 18:00pm. Is there a way to achieve this?

I am working with React react-widget. I wanted to limit the time between 7:00am to 18:00pm. Is there a way to achieve this? { var temp = moment.utc(val); …
jake12345
  • 3
  • 4
0
votes
2 answers

How to create a portal which can realtime preview widgets and generate widget embeddable link using React

I am trying to build a portal to create widgets. This portal will allow users to create different types widgets and preview how that widget look like in realtime. Finally, this portal should be able to generate a unique link for a particular widget…
JLS
  • 41
  • 6
0
votes
1 answer

Change title format of date while selecting

I am using Datetimepicker from react-widgets. I want to change the title of date cells, so that while hovering over the dates, I see the format I require. Currently, the title, and the date displayed in calendar footer is having format: "Month Date,…
gettingLearned
  • 126
  • 1
  • 8
0
votes
0 answers

React-widgets DateTimePicker throwing error 'Cannot read property 'oneOfType' of undefined

I am using redux-forms and their example has a date time picker from react-widgets. Redux-Form react-widgets example On the example on this page, it has a link to react-widgets. I pretty much followed the example on redux-forms site and I keep…
AndyMan
  • 115
  • 1
  • 12
0
votes
0 answers

React widget number picker doen not accept keyboard minus char

Is there way to stop the Riact Widget NumberPicker from filtering out the keyboard minus char? You can press down on the little roller buttons and the number goes down to a negative, but why does it filter the minus keystroke?
morne
  • 4,035
  • 9
  • 50
  • 96
0
votes
1 answer

React Widgets + Redux-Form editable dropdown

I am using Redux-form and pulling in data to initilise my multi-select(dropdown) box. Here is the example of this from the redux-form site - https://redux-form.com/6.0.0-rc.1/examples/react-widgets/ they use react-widgets as an add-on. The example…
Tom Rudge
  • 3,188
  • 8
  • 52
  • 94
-1
votes
2 answers

Can't set DateTimePicker's defaultValue to blank in React JS

I am new to react js. I currently have a web page with the a simple DateTimePicker (the datetimepicker i am using is from react-widgets/lib/). So the idea is I have a variable called myvalue. If it is NOT null, I set the defaultValue of…
Mary
  • 131
  • 2
  • 10
1
2