The Wayback Machine - https://web.archive.org/web/20220502041857/https://gitter.im/react-rainbow-components/community

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 04:18
    CLAassistant commented #1367
  • 04:18
    claassistantio commented #1367
  • 04:18
    CLAassistant commented #1374
  • 04:18
    claassistantio commented #1374
  • 04:18
    CLAassistant commented #1311
  • 04:18
    claassistantio commented #1311
  • 04:17
    CLAassistant commented #1695
  • 01:49

    TahimiLeonBravo on v1.30.0

    (compare)

  • 01:47
    codeclimate[bot] commented #2397
  • 01:46
    CLAassistant commented #2397
  • 01:46
    commit-lint[bot] commented #2397
  • 01:46
    dependabot[bot] labeled #2397
  • 01:46
    dependabot[bot] opened #2397
  • 01:46

    dependabot[bot] on npm_and_yarn

    chore(deps): bump ejs from 3.1.… (compare)

  • 01:46
    codeclimate[bot] commented #2396
  • 01:45
    CLAassistant commented #2396
  • 01:45
    commit-lint[bot] commented #2396
  • 01:45
    dependabot[bot] labeled #2396
  • 01:45
    dependabot[bot] opened #2396
  • 01:45

    dependabot[bot] on npm_and_yarn

    chore(deps): bump plist from 3.… (compare)

Jose Leandro Torres
@LeandroTorresSicilia
@doums10 There is a prop error where you can pass a string with your custom error. Check this:
https://react-rainbow.io/#!/DatePicker/9
Anubhav
@anubhav-gig
Hi, I am wanted to use the date-time picker only but the bit.dev provides outdated components any other way I can get latest ones ?
Jose Leandro Torres
@LeandroTorresSicilia
@anubhav-gig we don’t maintain the components in bit, there is an external contributor doing that, what you can do is install react-rainbow-components and import the component like this:
import DateTimePicker from ‘react-rainbow-components/components/DateTimePicker' thus only requiring the component and not the entire library
doums10
@doums10
I have a very strange behavior with the datepicker, when the modal opens to select the date and time, all the css in the background of the modal changes, the size of the text, some icons change size too.On the other hand all the style of the datepicker doesn't change.
Jose Leandro Torres
@LeandroTorresSicilia
@doums10 you can open an issue and share images and steps to reproduce
Andrew Elick
@andrewelick_gitlab
Hey guys great work on the library!
I am having a strange issue with the DateTimePicker where I cannot select the minutes nor the AM/PM option. When I click either they quickly focus then lose focus
Jose Leandro Torres
@LeandroTorresSicilia
Hi @andrewelick_gitlab can you please create an issue with the steps to reproduce and other information like browser and version?
Andrew Elick
@andrewelick_gitlab
@LeandroTorresSicilia Sure will do! What's weird is the sandbox examples are working fine but even when I switched from the DateTimePicker to the TimePicker it also fails to stay focused
The calendar portion works fine though
Sidharth Mohanty
@sidmohanty11
Hello everyone, I came across this library and it's so cool! Hats off to you guys. In some of the components like Sidebar or VerticalSection I saw there was still use of class-based components. Are you guys planning to stick with it? or any other plans? I would love to contribute in any way possible.
Jose Leandro Torres
@LeandroTorresSicilia
@sidmohanty11 Thanks for using react rainbow components. You are welcome to contribute.
We normally use styled components but in certains scenarios it is convenient to use classNames, but note that this className are defined in styled component as well, then we don’t use the classic css styling since we don’t have any .css file.
If you want to contribute, we are open to receive pull request and issues, if you find any issue you can create one, we discuss about it and you can also submit a PR fixing it. We also have a bunch of issues opened.
Welcome to react rainbow community
Sidharth Mohanty
@sidmohanty11
Thank you so much!
Chien-Fong Huang
@z94624
I encountered a problem that I cannot get the selected value of <Select> while onChange.
Tahimi
@TahimiLeonBravo
@z94624 Thanks for using react rainbow components. Can you please open an issue and share images and steps to reproduce?
3 replies
Nikita Medvedev
@Meyzz
why theme type is not correct?
Jose Leandro Torres
@LeandroTorresSicilia
Hi @Meyzz If you found a bug you can open an issue
Chien-Fong Huang
@z94624
I want to thank you all for such beautiful react component suite!
Jose Leandro Torres
@LeandroTorresSicilia
@z94624 Thanks for using react-rainbow
Syed Mustafa
@miwsyed_gitlab
I'm using the DateTimePicker and I am having trouble in integrating the icon. I have an SVG image and I tried passing a node to the "icon" field, but it still took the default icon. Please give me an example of how to implement this.
Tahimi
@TahimiLeonBravo
Hi @miwsyed_gitlab thanks for using react rainbow components. What version of react-rainbow-components are you using?
Tahimi
@TahimiLeonBravo
@miwsyed_gitlab Currently this feature is in a beta version because it is being tested, it will soon go into production in the next version of react-rainbow-components, but you can install a canary version available in npm and use it, I recommend you install this 1.28 .0-canary.cac2c08
Syed Mustafa
@miwsyed_gitlab
Hi @TahimiLeonBravo thank you for your response, our team decided to wait until you release it with the production. So I was wondering if you could tell me when is your next production release ?
6 replies
Rashmi Subhash
@rashmi1120_gitlab
I am using the RadioGroup and I am having trouble in adjusting the size of it. How do I increase or decrease the size?
Jose Leandro Torres
@LeandroTorresSicilia
The component does not have the ability to change its size, the only way to do this right now is making introspection into the component and changing inner styles with a class name which is a bad practice because if we change internal selectors or the structure of the component then we will break your implementation
Rashmi Subhash
@rashmi1120_gitlab
Is there a time picker or a datetime picker with range selection for time?
Jose Leandro Torres
@LeandroTorresSicilia
@rashmi1120_gitlab not, now we only have range selection for dates
Shiraaz Ahammed
@shiraazAh
Is there any way we can initialize or open time picker (or datetime picker) via code rather than onclick of the input? For example I wanted to open another "end time" time picker right after after user selects "start time".
Jose Leandro Torres
@LeandroTorresSicilia
@shiraazAh sure, you can use ref.current.click(); checkout this https://codesandbox.io/s/distracted-water-ioykt?file=/src/App.js
1 reply
Rashmi Subhash
@rashmi1120_gitlab
Is there a way to use date picker and time picker in inline format with the same style?
4 replies
Rashmi Subhash
@rashmi1120_gitlab
I need the interval of 30 mins time in the TimePicker. Is there any way we can do that. Example - 1:00, 1:30,2:00...
2 replies
smppandi1998
@smppandi1998
Is there any way to change the css ?
13 replies
casey
@CaseyFronk_twitter
How do I access values from TableWithPagination? I am trying to create a Column that has a delete button for each row. How do I get that row object information and pass it to my delete button?
Jose Leandro Torres
@LeandroTorresSicilia

@CaseyFronk_twitter You can pass a component prop to the column like this

<Column component={DeleteButton} /> then your DeleteButton component will receive a row prop with all the row data.

brandtcollins
@brandtcollins
Hello! Love using rainbow, thanks for the fantastic library. Question though, I am trying to use <MonthlyCalendar /> (which I see is in beta) and noticed that it's not calling a prop dateComponent that builds the date portion of the calendar. Is this a current bug or user error on my end? Currently using "react-rainbow-components": "^1.27.0"
brandtcollins
@brandtcollins
Never mind, I noticed in the 1.29.0 notes that this bug was fixed. Thank you for all the great work!
Hari priya S
@haripriya9209_gitlab
I am unable to change the custom icon with TimePicker, the default icon is only displayed even I change to custom icon. I have used the custom icon from src folder
9 replies
brandtcollins
@brandtcollins
Is there anyway to adjust the styles of the Month and Year selectors on the MonthlyCalendar component?
1 reply
Trying to reduce the width of the < February > portion of that component
6 replies
JHON SEBASTIAN MARIÑO LAGOS
@jhonsebastianmarinho:matrix.org
[m]
Hello everyone, ¿Can i put a button into a <Column/> of <TableWithBrowserPagination/>?
Jose Leandro Torres
@LeandroTorresSicilia
@jhonsebastianmarinho:matrix.org The Column receive a prop component where you can put whatever you want like this <Column component={MyCustomComponent} />
JHON SEBASTIAN MARIÑO LAGOS
@jhonsebastianmarinho:matrix.org
[m]
Thank you
Rashmi Subhash
@rashmi1120_gitlab
I am using the DateTimePicker. In my component, the format of the date is MM/DD/YYYY. Can this be changed?
Jose Leandro Torres
@LeandroTorresSicilia
@rashmi1120_gitlab yes, there is a prop formatStyle where you can change this, but only accepts 3 options: small, medium and large
Tobias Graski
@t-graski
Hi, I wanted to try the components but whenever I use them I get the a 'Failed to Compile' with the error message
'Global CSS cannot be imported from within node_modules.', does anyone know what to do?
Jose Leandro Torres
@LeandroTorresSicilia
@t-graski we need more context to know what is happening? for example node version, are you using create-react-app, nextjs or something else? also example of code of how you are using the library etc
@t-graski I think it is better if you open an issue for this
Lisandro Delia
@ldelia
Hey guys, I hope you are doing great!
I wanted to ask if there is an estimated date for the release of version 1.30.
Thanks in advance!
Lisandro
Jose Leandro Torres
@LeandroTorresSicilia
Hi @ldelia version 1.30.0 is live